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'}
    ]
},

　　

转载于:https://www.cnblogs.com/wuliujun521/p/11542268.html