正则表达式接入验证

100 阅读1分钟

例:邮箱验证

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="210px" class="basic-ruleForm">
        <div class="basic-title">基本信息</div>
        <el-form-item label="用户身份:" prop="type" class="user-type">
        <el-form-item label="电子邮件:" prop="email">
          <el-input v-model="ruleForm.email" placeholder="请输入" ></el-input>
          <span class="tips-r" @click="sendEmailhandle">发送认证邮件</span>
        </el-form-item>
</el-form>
data() {
  var validateEmail = (rule, value, callback) => {
    if (value === '') {
      callback(new Error('请正确填写邮箱'));
    } else {
      if (value !== '') {
        var reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(.[a-zA-Z0-9_-]+)+$/;
        if(!reg.test(value)){
          callback(new Error('请输入有效的邮箱'));
        }
      }
      callback();
    }
  };
return {
    rules: {
      realName: [
        { required: true, message: '请输入真实姓名', trigger: 'blur',},
      ],
      email:[
        {required: true,message: '请输入真实邮箱', trigger: 'blur',validator: validateEmail,  min: 9, max: 18,}
      ],
     },

注意,写在data下面,但是在return外面