输入框内只能输入最大长度为8的数字值或者小数点之后只能有两位的数字值

爬不动的蜗牛

于 2023-01-11 23:23:11 发布

阅读量741

点赞数

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_46633789/article/details/128652507

版权

表单验证（要求输入框内只能输入最大长度为8的数字值或者小数点之后只能有两位的数字值）

<script>
    export default{
        data(){
             const proPrice = (rule, value, callback) => {
                let reg =
                 /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/;
                if (!value) {
                    callback(new Error("单价不能为空"));
                } else if (!Number(value)) {
                    callback(new Error("请输入数字值"));
                } else if (value.length > 8) {
                    callback(new Error("最多可输入8个字符"));
                } else if (!reg.test(value)) {
                    callback(new Error("小数点后最多只能输入两位"));
                } else {
                    callback();
                }
         	 };
            return{
                rules:{
                   proPrice: [
                     { required: true, validator: proPrice, trigger: "blur" },
                   ],
           		}
            }
        }
    }
</script>