Vue input 限制只能输入正整数、数字、英文、两个小数

1.限制只能输入数字，英文

<input v-model="license_num" type="text" :change="check_num()" placeholder="请输入">
//限制
check_num: function(){this.license_num = this.license_num.replace(/[^\a-\z\A-\Z0-9]/g, '');
}

2.限制只能输入正整数

<input v-model="license_num" type="text" :change="check_num()" placeholder="请输入">
//限制
check_num: function(){var license_num = this.license_num;license_num = license_num.replace(/[^\d]/g, ''); // 清除“数字”和“.”以外的字符if (license_num.indexOf('.') < 0 && license_num != '') {// 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额license_num = parseInt(license_num);}this.license_num = license_num;
}

3.限制价格只能输入数字,且最多两个小数

<input v-model="price" type="text" :change="check_price()" placeholder="请输入">
//限制
check_price: function(){var price = '' + this.price;price = price.replace(/[^\d.]/g, '') // 清除“数字”和“.”以外的字符.replace(/\.{2,}/g, '.') // 只保留第一个. 清除多余的.replace('.', '$#$').replace(/\./g, '').replace('$#$', '.').replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3'); // 只能输入两个小数if (price.indexOf('.') < 0 && price != '') {// 以上已经过滤，此处控制的是如果没有小数点，首位不能为类似于 01、02的金额price = parseFloat(price);}this.price = price;
}

4.验证手机号的正则表达式最简化

var reg = /^1\d{10}$/;
if(!reg.test(phone)){alert('手机号输入错误');
}

5.限制只能输入数字，英文, 中文，下划线

<input v-model="license_num" type="text" :change="check_num()" placeholder="请输入">
//限制
check_num: function(){this.license_num = this.license_num.replace(/[^\a-\z\A-\Z0-9\u4e00-\u9fe5_]/g, '');
}

Vue input 限制只能输入正整数、数字、英文、两个小数相关推荐

js/input/输入框只能输入汉字/数字/英文
输入框只能输入汉字/数字/英文需要自取,丢input里即可, 1.输入框只能输入汉字 onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,' ...
【VUE实战问题记录】只能输入0-100（包括两位小数及0和100）正则表达式
正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符.及这些特定字符的组合,组成一个"规则字符串",这个"规则字符串"用来表达对字符串的一种过 ...
input输入框只能输入正整数
input输入框加入限制只能输入正整数,输入其他字符会自动清除: <input type="text" value="1" οnkeyup="i ...
限制input 输入框只能输入纯数字/数字/中文/英文
1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafte ...
vue 控制用户只能输入正整数的方法
在工作中遇到一个问题,台端接口只能接收正整数的数据,中文,小数点,特殊字符等其他数据形式都会报错经过一番查找,找到一个能使用的方法在行内添加正则控制,如下所示: <el-input v-mo ...
input框只能输入汉字，数字，英文，数字和英文，禁空格，中文和英文，特殊字符等多种验证
只能输入汉字: <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste=&quo ...
正则表达式限制VUE input只能输入正整数
正则表达式限制VUE input只能输入正整数在vue input 输入框的实际应用中,好多地方都需要限制其输入的内容. 正则表达式在我们进行输入是即可对输入内容做一个限制,后期校验也更加方便. 就 ...
input框限制只能输入正整数、字母、小数、汉字
input框限制只能输入正整数.字母.小数.汉字有时需要限制文本框输入内容的类型,本节分享下正则表达式限制文本框只能输入数字.小数点.英文字母.汉字等代码. 例如,输入大于0的正整数代码如下: & ...
键盘事件介绍——onKeyPress-输入字母和数字、onKeyUp-放开任何按键、onKeyDown-按下任何按键 el-input 只能输入正整数验证并限制长度
键盘事件介绍--onKeyPress-输入字母和数字.onKeyUp-放开任何按键.onKeyDown-按下任何按键 & el-input 只能输入正整数验证并限制长度 1.onKeyPres ...
input输入框只能输入数字，只能输入字母数字组合
input输入框只能输入数字,字母数字组合,汉字等 input里需要控制输入的类型,可以通过onkeyput或oninput对输入的内容进行校验.输入大小写字母.数字.下划线:onkeyup=&quo ...

Vue input 限制只能输入正整数、数字、英文、两个小数

1.限制只能输入数字，英文

2.限制只能输入正整数

3.限制价格只能输入数字,且最多两个小数

4.验证手机号的正则表达式最简化

5.限制只能输入数字，英文, 中文，下划线

Vue input 限制只能输入正整数、数字、英文、两个小数相关推荐

最新文章

热门文章