失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > js 正则 限制 input 只能输入数字 不能输入特殊符号 保留两位小数等效果

js 正则 限制 input 只能输入数字 不能输入特殊符号 保留两位小数等效果

时间:2020-08-10 00:32:35

相关推荐

js 正则  限制 input 只能输入数字 不能输入特殊符号 保留两位小数等效果

限制只能输入数字,小数点只保留2位,限制不能输入空格

<div id="app"><input type="text" v-model="a" @input="change(a)" /> </div><script src="/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版权协议,转载请附上原文出处链接及本声明。原文链接:/weixin_42213796/article/details/109717538

如果觉得《js 正则 限制 input 只能输入数字 不能输入特殊符号 保留两位小数等效果》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。