vue输入框只能输入数字类型,禁止输入和粘贴e

这篇具有很好参考价值的文章主要介绍了vue输入框只能输入数字类型,禁止输入和粘贴e。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

js怎么去除1e里面e 

方法一:使用 Number() 函数将科学计数法表示的字符串转换为数字。然后,使用 toString() 方法将其转换回字符串形式,这样就会自动移除科学计数法中的 "e"

var num = 1e10; // 科学计数法表示的数字
var numStr = Number(num).toString(); // 转换为字符串,自动移除 "e"
console.log(numStr); // 输出 "10000000000"

方法二:使用正则表达式替换方法移除科学计数法中的 "e"。

 var num = 1e10; // 科学计数法表示的数字

var numStr = num.toString().replace("e", ""); // 使用 replace 方法替换 "e" 为空字符串 console.log(numStr); // 输出 "10000000000"

vue中限制长度以及数字(包括e) 

// 封装方法--只允许输入正数包 
export function getNum(val) { 
  // 先把非数字的都替换掉,除了数字 
  val = Number(val).toString().replace(/[^\d]/g, '') 
  return val 
}

<el-input
  type="number"
  v-model.trim="ruleForm.height"
  clearable
  placeholder="请输入数字"
  οnkeydοwn="return event.keyCode !== 69"
  @input="changeNumber('height',ruleForm.height,8)"
/>
changeNumber(name, obj, len = 8) {
  const t = obj.length > len ? obj.slice(0, len) : obj
  this.$set(this.ruleForm, name, getNum(t))
}

vue中自动保存两位小数 

// 封装方法--只允许输入数字包含小数点
export function getFloorNumber(val, saveNumber = 2) {
  // 先把非数字的都替换掉,除了数字
  val = val.replace(/[^\d.]/g, '')
  val = val.replace(/\.{2,}/g, '.')
  val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
  const index = val.indexOf('.')
  if (index != -1) {
    const arr = val.split('.')
    if (arr[1].length > saveNumber) {
      arr[1] = arr[1].substr(0, saveNumber)
    }
    val = arr.join('.')
  }
  return val
}
<el-input
  v-model="ruleForm.sharedArea"
  placeholder="请填写面积"
  clearable
  @input="changeSpliceArea('area')"
  @blur="changeArea('area')"
/>
changeSpliceArea(name, len = 8) {
  this.ruleForm[name] = getFloorNumber(this.ruleForm[name])
  if (this.ruleForm[name].length >= len) {
    this.ruleForm[name] = this.ruleForm[name].substr(0, len)
  }
},
changeArea(name) {
  const t = this.ruleForm[name] && this.ruleForm[name].charAt(this.ruleForm[name].length - 1)
  if (t == '.') {
    this.ruleForm[name] += '00'
  }
}

常用工具方法文章来源地址https://www.toymoban.com/news/detail-655982.html

// 只允许输入数字包含负数
export function getNumber(val) {
  const t = val.charAt(0)
  // 先把非数字的都替换掉,除了数字
  val = val.replace(/[^\d]/g, '')
  // 如果第一位是负号,则允许添加
  if (t === '-') {
    val = '-' + val
  }
  return val
}

// 只允许输入正数包
export function getNum(val) {
  // 先把非数字的都替换掉,除了数字
  val = Number(val).toString().replace(/[^\d]/g, '')
  return val
}

// 只允许输入数字包含小数点
export function getFloorNumber(val, saveNumber = 2) {
  // 先把非数字的都替换掉,除了数字
  val = val.replace(/[^\d.]/g, '')
  val = val.replace(/\.{2,}/g, '.')
  val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
  const index = val.indexOf('.')
  if (index != -1) {
    const arr = val.split('.')
    if (arr[1].length > saveNumber) {
      arr[1] = arr[1].substr(0, saveNumber)
    }
    val = arr.join('.')
  }
  return val
}
// 只允许输入数字包含小数,不限制长度
export function getFloorNumNoLength(val) {
  const t = val.charAt(0)
  if (t === '.') {
    return val.replace('.', '')
  }
  val = val.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.')
  // 先把非数字的都替换掉,除了数字
  val = val.replace(/[^\d.]/g, '')
  return val
}

到了这里,关于vue输入框只能输入数字类型,禁止输入和粘贴e的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • input限制只能输入数字,限制输入数字长度或者大小

    1.限制只能输入数字 方式一 :此方式只能控制输入的内容是数字,不能控制是否是正负数 方式二 :此方式可控制输入的内容是数字 了解一下 js replace : 拓展 1.限制输入的数字长4位 了解一下 js slice : 2.限制输入的数字最大值为10 3.限制输入的数字最小值为0 4.限制长度,大小

    2024年02月11日
    浏览(70)
  • 【正则】正则表达式 只能输入正整数 或 只能输入数字和小数点

    正数的正则表达式(包括0,小数保留两位): 正数的正则表达式(不包括0,小数保留两位): 正整数的正则表达式(包括0): 正整数的正则表达式(不包括0):

    2024年02月13日
    浏览(41)
  • input输入框校验只能输入数字或者小数校验

    解释: 让我们逐步解释这段代码的每个步骤: number.value.replace(/[^d.]/g, \\\'\\\') : 这一步使用正则表达式 /[^d.]/g ,将 number.value 中除了数字和小数点以外的字符都替换为空字符串,即去除非数字和小数点的字符。 .replace(/^0+(d)/, \\\'$1\\\') : 这一步使用正则表达式 /^0+(d)/ ,将 number.valu

    2024年02月14日
    浏览(41)
  • 饿了么输入框限制只能输入数字,并且保留小数

    可以使用饿了么ui中的input-number组件实现输入框只能输入数字,这样就不能输入数字以外的,controls隐藏输入框左右俩边的加减按钮,precision小数点保留多少位,2则是俩位,但是会导致默认值为0.00的情况,俩种解决办法, 第一:v-model中的字段默认要删除,因为vue的响应式特

    2024年02月13日
    浏览(92)
  • 前端-element输入框-input的一些限制(只能输入正整数和0,或者只能输入数字不可以汉字字母)

    1、input输入框只能输入正整数和0 那你就用  οnkeyup=\\\"value=(value.replace(/D/g,\\\'\\\')==\\\'\\\'?\\\'\\\':parseInt(value))\\\" 2、如果是正数负数0,包括小数都可以 那就用这个οnkeyup=\\\"value=value.replace(/[^-?d.]/g,\\\'\\\')\\\",不能输入汉字和字母 3、不能输入中文,可以输入正数、负数、小数和字母  οnkeyup=\\\"value=v

    2024年02月13日
    浏览(48)
  • input输入框输入只能输入数字、字母等组合的正则表达式

    1.限制input输入框只能输入大小写字母、数字、下划线的正则表达式: 2.限制input输入框只能输入小写字母、数字、下划线的正则表达式: 3.限制input输入框只能输入数字和点的正则表达式: 4.限制input输入框只能输入中文的正则表达式: 5.限制input输入框只能输入数字的正则表

    2024年02月03日
    浏览(47)
  • QT QLineEdit 只能输入字母或数字,输入格式约束(正则表达式)

    1.只允许输入整型 ui-lineEdit-setValidator(new QIntValidator(ui-lineEdit)); 1 2.只允许输入数字 ui-lineEdit-setValidator(new QRegExpValidator(QRegExp(\\\"[0-9]+$\\\")));    1 3.只能输入字母和数字 ui-lineEdit-setValidator(new QRegExpValidator(QRegExp(\\\"[a-zA-Z0-9]+$\\\")));    1 3.1 只能输入大写数据: ui-lineEdit-setValidator(new QRegE

    2024年02月04日
    浏览(43)
  • 【iOS】UITextField中的输入检测——限制只能输入数字和小数点

    最近趁着放假时间,在看The Big Nerd Ranch的iOS编程,想着重新复习一遍iOS开发的基础知识 书中第四章有一个温度转换的app实现,整体实现并不难 其中有个问题—— 如何利用 UITextFieldDelegate 委托限制 UITextField 的输入 UITextFieldDelegate 里面有个函数 简单来说,就是通过这个函数处

    2024年01月20日
    浏览(48)
  • uniapp input框校验数据格式,只能输入汉字/数字/字母等

    input框常用的正则表达式 input class=“uni-input iptStyle” name=“input” placeholder=“未识别出信息” v-model=“form.fpNum” @input=“fpNumInput” maxlength=‘24’ / fpNumInput(e) { const o = e.target; const inputRule = / (0+)|[ d]+/g //修改inputRule 的值 this.$nextTick(function() { this.form.fpNum = o.value.replace(inputRule

    2024年02月03日
    浏览(47)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包