前端输入金额正则判断

需求如下： 要求不能输入为空，或者输入数字之外的其他字符，正则不控制位数，要求可以是小数，也可以是整数，如果是小数不允许超过小数点后两位。

html代码如下：

<div>
    <p> 自定义额度 :</p>
    <input type="text" v-model="form.limit" maxlength="10" :placeholder="sysLimit"  @blur="LimitRule"/>
    <div class="tRed">{{Rules.limit}}</div>
</div>
复制代码

js代码如下：

LimitRule: function() {
    //符合要求的正则如下
    //^小尖号表示开头
    //[0-9]+ 为一个整体
    //[0-9]代表数字0到数字9
    //+代表不限制有多少个，紧跟在[0-9]后面，表示数字的位数
    //([.]{1}[0-9]{0,2}){0,1} 为一个整体
    //[.]{1} 表示有一个小数点
    //[0-9]{0,2}表示有0到2个数字
    //()括号括起来表示他们是一个整体，然后后面的{0,1}表示前面的整体出现0次或者1次
    //$表示结尾
    var reg = new RegExp("^[0-9]+([.]{1}[0-9]{0,2}){0,1}$");
    var val = this.form.limit;
    if (val == '') {
        this.Rules.limit = "额度不能为空";
    } else if (!reg.test(val)) {
        this.Rules.limit = "额度格式错误";
    } else {
        this.Rules.limit = "";
    }
},
复制代码

亲测有效，有错误欢迎大家指出，嘿嘿

转载于:https://juejin.im/post/5ccfee77e51d453a69177e9d