首页 > 其他 > 详细

element-ui自定义表单验证

时间:2020-09-30 17:13:26      阅读:44      评论:0      收藏:0      [点我收藏+]
<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>

 

element-ui自定义表单验证

原文:https://www.cnblogs.com/xhrr/p/13754078.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!