迅捷开发之正则校验

平时在开发中，比如做form表单校验，基本上刚开始开发的时候都只是给一个非空校验，毕竟还有好多需求需要完成，套用以下模板可以尽快在开发初期就完成符合常识的校验；

搞一下

只提重要部分，详细请根据element-UI查找

<el-form 
    :model="ruleForm" 
    :rules="rules" 
    ref="ruleForm" 
    label-width="100px" 
    class="demo-ruleForm"
>

//这里的 :rules="rules" 为重要

data(){
    const validateName1 = (rule, value, callback) => { // 在data全局写正则方法
        const reg = /^\+?[1-9]\d*$/; // 这里写正则
        if (value) {
            if (!reg.test(value)) {
              callback(new Error('招聘人数只能是正整数'));
            } else {
              callback()
            }
        }
    }
    return{
        rules: {
        name1: [{
                required: true,
                validator: validateName1, // 在这里调用
                trigger: "blur",
        }],
        }
    }
}

具体的正则校验在掘金也有很多其他博主在写，大家可以查文档用于最符合自己需求的正则

掘金博主：铁皮饭盒；

正则地址： juejin.cn/post/704398…