element-ui自定义表单验证

<el-form :model="addForm" :rules="rules" ref="addForm" label-width="120px"  class="offline_ruleForm">
               
                <el-form-item label="邮箱地址:" prop="email">
                    <el-input v-model="addForm.email" placeholder=""></el-input>
                </el-form-item>
</el-form>
<script>
 export default {
      data(){
          return{
              rule:{
                    email: { required: false, validator: validEmail, trigger: "blur" },
              }
          }
       }  

}    
var validEmail = (rule, value, callback) => {
    var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/
  if (value == '') {
    callback();
  } else if(!reg.test(value)) {
    callback(new Error("请输入正确格式!"));
  } else{
        callback();
    }
};
</script>

 

posted @ 2020-09-30 13:25  番茄西红柿u  阅读(263)  评论(0)    收藏  举报