Vue Element ui密码框校验


<el-form-item prop="repeat_Password" class="userName_color">   
    <el-input 
    type="password"
    placeholder="请再次输入新密码"  
    v-model="loginRuleForm.repeat_Password" 
    maxlength="18"  //设置密码长度
  :show-password="true" //是否查看密码显示
  class="Channel_account"></el-input>
</el-form-item> 
var phoneTest = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,18}$/;  //校验密码6-18位
if (!phoneTest.test(this.loginRuleForm.userName && this.loginRuleForm.repeat_Password)) {
    this.$message.error('密码须包含数字、字母两种元素,且密码位数为6-16位');
    return false;
}
// 密码为空提示语句
loginRuleForm: { 
    repeat_Password: ''
},
rules: {
    repeat_Password: [
        {required: true, message: '再次输入密码不能为空', trigger: 'blur'}
    ]
},

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM