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