vue中限制input输入框第一位数字不能以0开始

最新推荐文章于 2024-01-05 14:46:55 发布
最新推荐文章于 2024-01-05 14:46:55 发布
阅读量3.2k 收藏 1
点赞数 2
分类专栏： vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38747892/article/details/125746035
版权

vue中限制input输入框第一位数字不能以0开始。

<el-form-item label="序号" prop="opOrder">
  <el-input v-model="form.opOrder" placeholder="请输入序号（限数字）"
  onkeyup="this.value=this.value.replace(/[^[0-9]/g,'').replace(/^0[0-9]*/g, '')"
  onafterpaste="this.value=this.value.replace(/[^[0-9]/g,'').replace(/^0[0-9]*/g, '')"
  />
</el-form-item>
蓝天⊙白云
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
input标签 首个输入不为 0 方法
不是安森的博客
10-27 649
正则1：(/^ [0]+[0-9]*$/gi)正则2：(/^0{1,}/g)
vue element-ui实现input输入框金额数字添加千分位
10-15
主要介绍了vue element-ui实现input输入框金额数字添加千分位,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
关于vue的element的输入框el-input限输入只能是数字，包含小数，正数，自然数等等。
qq_32154641的博客
01-17 1万+
关于element的输入框el-input限输入只能是数字，就是包括数字123456,小数的只能一个小数点，不能出现多个小数点，小数可以0开头，但是整数不能0开头，不能输入文字，不能输入负数，所以对于这个我做了两个判断，一个是正则判断，还有一个是0开头的整数判断，正则判断是只能输入数字，只能输入一个小数点，不能输入负数，整数判断是input输入失去焦点的时候，如果是小数0.开头的不管，但是如果不是0.开头的就要把第一个数字0去掉。
iview Input 只能输入数字，并且不能以0开头
细节怪的博客
07-06 1631
利用正则表达式：/^[1-9]{1}\d*/ 匹配以不以 1~9 开头的数字（即以0开头的数字），将它转换成空字符串 ' '；1、Input输入框的类型 type 设为 “number”，控制只能输入数字；2、定义keyup事件，去除用户首次输入的0；
vue自定义指令-对输入框数字的限制，输入框的数字前面不能输入多余的0，例如00123， 00.12类型的数字
D321xiaoding的博客
03-25 2274
限制数字前面不能输入多余的0，例如00123 00.12 import Vue from 'vue' Vue.directive('number', { bind(el) { el.onkeyup = () => { if (el.value) { if (parseInt(el.value) == parseFloat(el.value) && !el.value.includes('.')) { if (paeseI
vue整数校验和不能以零开头校验
weixin_44281416的博客
11-27 1461
要求不能有小数点，不能以0开头 <el-form-item label="人数：" prop="num"> <el-input :value="ruleForm.num" type="number" @input="(e) => (ruleForm.num= isnumber(e))"></el-input> 人 </el-form-item> methods:{ isnumber(val) {
【无标题】input限制首位不能为零且只能输入整数
weixin_43303415的博客
08-19 499
https://blog.csdn.net/Cris_are/article/details/104790986/
解决vue项目input输入框双向绑定数据不实时生效问题
10-15
总之，解决Vue项目中input输入框双向绑定数据不实时生效的问题，通常需要利用`this.$set`确保数据的响应性，或者调整`v-model`的绑定方式。而在处理`v-for`循环时，应确保`key`的唯一性和正确性，以避免编译错误或...
vue实现Input输入框模糊查询方法
12-13
本文实例为大家分享了vue实现Input输入框模糊查询方法的具体代码，供大家参考，具体内容如下 原理：原生js的indexOf() 方法，该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或...
vue 正整数，首位不为0校验
bingot的博客
07-16 1054
<input type="text" v-model="inputValue" @input="cahnge" /> methods:{ cahnge(e){ //e='迪丽热巴056.26526' //去小数点，中文 this.inputValue= e.replace(/[^0-9]/gi, '') //首位不可为0 this.inputValue = this.inputValue.replace(/\D/g, '').replace(/^
input 限制输入范围数,不以0开头
最新发布
co2021的博客
01-05 685
【代码】input 限制输入范围数,不以0开头。
input框限制0开头的数字(0除外)
weixin_30922589的博客
12-30 977
用到parseInt() 函数 parseInt() 函数可解析一个字符串，并返回一个整数 提示和注释 注释：只有字符串中的第一个数字会被返回。 注释：开头和结尾的空格是允许的。 提示：如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN。 w3c:http://www.w3school.com.cn/jsref/jsref_parseI...
【正则表达式】input只能输入数字，而且第一个数字不能为0
热门推荐
时间飞逝的博客
05-10 1万+
<input type="text" value="" onkeyup='this.value=this.value.replace(/[^0-9]*$/,"")' onblur='this.value=this.value.replace(/^[0]+[0-9]*$/gi,"")' placeholder="只能输入数字，而且第一个数字不能为0"> ...
vue常用正则表达式，只能输入纯数字，且首位不能是0，只能输入小数点后两位数字
qq_40893035的博客
11-09 7497
vue 正则表达式，只能输入正整数，且首位不能是 0 适用场景，手机号正则验证，优惠券张数验证等 <template> <div> <input v-model="valueData" placeholder="正则验证测试表单" /> <span>只能输入正整数，且首位不能为0</span> </div> </template> <script> export default
input框5连--输入框不可输入以0开头的数字但是可以输入带0的数字&常用正则
JiAyInNnNnN123的博客
06-17 7738
第一弹：input框只能输入数字缺能输入e的原因。链接：input框1连–数字输入框能输入e的原因 第二弹：input框限制用户输入长度，超出长度不可输入。链接：input框2连–限制用户输入长度 第三弹：input框3连–不允许用户输入符号。input框3连–不允许用户输入符号。 第四弹：input框4连–输入框只能输入数字完美版。input框4连–输入框只能输入数字完美版。 第五弹：本篇博客： 首先上 输入框只能输入正整数的正则： /^[1-9]\d*$/ 输入框可以输入自然数的正则（带上0的）： /
python格式化字符串_小疯谈python：（七）字符串的拼接与格式化输出
weixin_39632693的博客
11-14 158
在上一篇文章中我想大家介绍了字符串的内置操作函数和方法，不过对于字符串来说这并不是最重要的知识点，因为对于字符串的操作我们一般首选是使用正则表达式。对于初学者来说，字符串最重要的其实是其格式化输出，因为一个程序运行结束后，如果要我们要打印相关的数据，绝大多数情况下都是以字符串的形式呈现在控制台。因此为了使结果具有更好的可读性和灵活性，字符串的格式化输出就显得格外重要。例如，我现在接受了用户的输入的...
vue input 只能输入数字 且开头第一位数不能为0
阿威的博客
06-01 9323
vue input 只能输入数字 且开头第一位数不能为0 HTML页面写一个@input事件 <template> <div class="orderpayment_number"> <div>购买数量:</div> <div> <input type="text" placeholder="输入购买数量" v-model="number" @input="handleInput" /> <
Elementui限制el-input框输入小数点
前端开发工程师博客
04-22 4554
Elementui 限制input框输入小数点 <el-input v-model="value" @keyup.native="value = oninput(value,2)"></el-input> /** * oninput 限制输入框小数点位数，多出的过滤掉 * @param Number {num} * @param Number {limit} */ oninput(num, limit) { var str = num var le.
vue input输入时清空默认value=0，取消焦点时恢复0
初郁
11-09 3391
场景：input框中默认存在value=0，输入时将0清空，当value=’ '时，恢复value=0 <van-field v-model="arr[0].value" name="stockInvest" type="digit" maxlength="13" :formatter="zeroFormatter" input-align="right" label-width="50%" @blur="onBlur(0)" /> methods: { zeroForma
正则输入框保留两位小数vue
09-12
在Vue中，你可以使用正则表达式和事件处理来限制输入框保留两位小数。你可以在输入框的`input`事件中使用`RegExp`对象对输入进行验证和格式化。 首先，你可以在你的Vue组件中定义一个`data`属性来存储输入框的值，例如`inputValue`。然后，在输入框上绑定`@input`事件来监听输入变化，如下所示： ```html <template> <div> <input type="text" v-model="inputValue" @input="formatInput"> </div> </template> ``` 接下来，你可以在Vue组件的`methods`中定义`formatInput`方法来对输入进行验证和格式化。在`formatInput`方法中，你可以使用正则表达式来验证输入是否符合要求，并将其格式化为保留两位小数，如下所示： ```javascript <script> export default { data() { return { inputValue: '' }; }, methods: { formatInput() { // 使用正则表达式验证输入是否为数字，并保留两位小数 this.inputValue = this.inputValue.replace(/[^\d.]/g, ''); // 去除非数字和小数点字符 this.inputValue = this.inputValue.replace(/^\./g, ''); // 去除开头的小数点 this.inputValue = this.inputValue.replace(/\.{2,}/g, '.'); // 只保留一个小数点 this.inputValue = this.inputValue.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.'); // 只保留第一个小数点 this.inputValue = this.inputValue.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); // 保留两位小数 } } } </script> ``` 通过以上代码，输入框将只允许输入数字和小数点，并且格式化后的值将保留两位小数。你可以根据自己的需求对正则表达式和格式化逻辑进行调整。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值