<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
       <el-form-item label="新密码" prop="newPwd">
        <el-input v-model="ruleForm.newPwd" clearable size="small" type="password"></el-input>
       </el-form-item>
       <el-form-item label="确认密码" prop="confirmPwd">
        <el-input v-model="ruleForm.confirmPwd" clearable size="small" type="password"></el-input>
       </el-form-item>
       <el-form-item>
        <el-button type="primary" @click="submitForm('ruleForm')" class="button">确定</el-button>
        <el-button @click="resetForm('ruleForm')" class="button">重置</el-button>
       </el-form-item>
</el-form>

验证两次密码是否一致 却保证输入的密码在 6-16 个字符之间

data() {
   var validatePass = (rule, value, callback) => {
    if (value === '') {
        callback(new Error('请输入密码'));
    } else {
     if (this.ruleForm.confirmPwd !== '') {
       this.$refs.ruleForm.validateField('confirmPwd');
     }
     callback();
    }
   };
   var validatePass2 = (rule, value, callback) => {
     if (value === '') {
       callback(new Error('请再次输入密码'));
     } else if (value !== this.ruleForm.newPwd) {
       callback(new Error('两次输入密码不一致!'));
     } else {
       callback();
     }
   };
   return {
    changePwdDialog:false,//修改密码弹框
    ruleForm: {
     newPwd: '',
     confirmPwd:''
    },
    rules: {
     newPwd: [
      { required: true, message: '请输入密码', trigger: 'blur' },
      { min: 6, max: 16, message: '长度在 6 到 16 个字符', trigger: 'blur' },
      { validator: validatePass, trigger: 'blur' }
     ],
     confirmPwd:[
      { required: true, message: '请确认密码', trigger: 'blur' },
      { min: 6, max: 16, message: '长度在 6 到 16 个字符', trigger: 'blur' },
      { validator: validatePass2, trigger: 'blur', required: true }
     ],
    }
   }
  },
#场景一:密码中必须包含大小写 字母、数字、特称字符,至少8个字符,最多30个字符;
 var pwdRegex = new RegExp('(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[^a-zA-Z0-9]).{8,30}');
  
 if (!pwdRegex.test('A3b@C2dEF')) {
  alert("您的密码复杂度太低(密码中必须包含大小写字母、数字、特殊字符),请及时修改密码!");
 }

 #场景二:密码中必须包含字母(不区分大小写)、数字、特称字符,至少8个字符,最多30个字符;
 var pwdRegex = new RegExp('(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,30}');
  
 if (!pwdRegex.test('a2b3c$def')) {
     alert("您的密码复杂度太低(密码中必须包含字母、数字、特殊字符),请及时修改密码!");
}

#场景三:密码中必须包含字母(不区分大小写)、数字,至少8个字符,最多30个字符;
 var pwdRegex = new RegExp('(?=.*[0-9])(?=.*[a-zA-Z]).{8,30}');
  
 if (!pwdRegex.test('a2b3c4d5')) {
     alert("您的密码复杂度太低(密码中必须包含字母、数字),请及时修改密码!");
 }

验证邮箱

var temp = document.getElementById("email");
        //对电子邮件的验证
        var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
        if (!myreg.test(temp.value)) {
            alert('请输入有效的E_mail!');
            myreg.focus();
            return false;
        }

对于手机号码的验证(提供了两种方法)

  var mobile=/^((13[0-9]{1})|159|153)+\d{8}$/;
         var mobile1=/^(13+\d{9})|(159+\d{8})|(153+\d{8})$/;
         //对于区号的验证
         var phoneAreaNum = /^\d{3,4}$/;
         //对于电话号码的验证
         var phone =/^\d{7,8}$/;`

Logo

前往低代码交流专区

更多推荐