js 正则 限制 input 只能输入数字,不能输入特殊符号,保留两位小数等效果
限制只能输入数字,小数点只保留2位,限制不能输入空格<div id="app"><input type="text" v-model="a" @input="change(a)" /></div><script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script><scr
·
限制只能输入数字,小数点只保留2位,限制不能输入空格
<div id="app">
<input type="text" v-model="a" @input="change(a)" />
</div>
<script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script>
<script type="text/javascript">
new Vue({
el: "#app",
data: {
a: ""
},
methods: {
change(val) {
val = val.replace(/(^\s*)|(\s*$)/g, "")
if(!val) {
this.a = "";
return
}
var reg = /[^\d.]/g
// 只能是数字和小数点,不能是其他输入
val = val.replace(reg, "")
// 保证第一位只能是数字,不能是点
val = val.replace(/^\./g, "");
// 小数只能出现1位
val = val.replace(".", "$#$").replace(/\./g, "").replace("$#$", ".");
// 小数点后面保留2位
val = val.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');
this.a = val;
}
}
})
</script>
iview input 只允许输入数字及字符
<FormItem label="op" prop="opOpValue">
<Input v-model="addDataFrom.opOpValue" @on-keyup="btKeyUp('opOpValue')"/>
</FormItem>
//控制不能输入特殊字符
btKeyUp(name) {
// this.addDataFrom[name]= this.addDataFrom[name].replace(/[`~!@#$%^&*()\-+=<>?:"{}|,.\/;'\\[\]·~!@#¥%……&*()——\-+={}|《》?:“”【】、;‘’,。、]/g,"");
//空格回退
this.addDataFrom[name]=this.addDataFrom[name].replace(/[, ]/g,'')
// 不允许输入中文
this.addDataFrom[name]= this.addDataFrom[name].replace(/[\u4e00-\u9fa5]/ig,'')
// 不允许输入特殊符号
this.addDataFrom[name]= this.addDataFrom[name].replace(/[^\w\u4E00-\u9FA5]/g, '')
},
————————————————
版权声明:本文为CSDN博主「匆匆忙忙慌慌张张」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_42213796/article/details/109717538
更多推荐
已为社区贡献10条内容
所有评论(0)