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

  

posted @ 2019-09-18 15:05  武小妞  阅读(7036)  评论(0编辑  收藏  举报