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

原著是一个有趣的人,若有侵权,请通知删除

本博客所有文章如无特别注明均为原创。
复制或转载请以超链接形式注明转自起风了，原文地址《Vue Element ui密码框校验》