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>
<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