vue 두 번 입력한 비밀번호가 일치하는지 검증하는 방법 예시
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
<el-form-item label=" " prop="newPwd">
<el-input v-model="ruleForm.newPwd" clearable size="small" type="password"></el-input>
</el-form-item>
<el-form-item label=" " prop="confirmPwd">
<el-input v-model="ruleForm.confirmPwd" clearable size="small" type="password"></el-input>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')" class="button"> </el-button>
<el-button @click="resetForm('ruleForm')" class="button"> </el-button>
</el-form-item>
</el-form>
두 번의 암호가 일치하는지 확인하지만 입력한 암호가 6-16자 사이임을 보증합니다.주요 코드는 다음과 같습니다.
data() {
var validatePass = (rule, value, callback) => {
if (value === '') {
callback(new Error(' '));
} else {
if (this.ruleForm.confirmPwd !== '') {
this.$refs.ruleForm.validateField('confirmPwd');
}
callback();
}
};
var validatePass2 = (rule, value, callback) => {
if (value === '') {
callback(new Error(' '));
} else if (value !== this.ruleForm.newPwd) {
callback(new Error(' !'));
} else {
callback();
}
};
return {
changePwdDialog:false,//
ruleForm: {
newPwd: '',
confirmPwd:''
},
rules: {
newPwd: [
{ required: true, message: ' ', trigger: 'blur' },
{ min: 6, max: 16, message: ' 6 16 ', trigger: 'blur' },
{ validator: validatePass, trigger: 'blur' }
],
confirmPwd:[
{ required: true, message: ' ', trigger: 'blur' },
{ min: 6, max: 16, message: ' 6 16 ', trigger: 'blur' },
{ validator: validatePass2, trigger: 'blur', required: true }
],
}
}
},
이 두 번 입력한 비밀번호의 일치 여부를 검증하는 방법에 대한 예시를 소개합니다. 더 많은 vue 비밀번호 검증 내용은 저희 이전의 글을 검색하거나 아래의 관련 글을 계속 훑어보십시오. 앞으로 많은 응원 부탁드립니다!
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Fastapi websocket 및 vue 3(Composition API)1부: FastAPI virtualenv 만들기(선택 사항) FastAPI 및 필요한 모든 것을 다음과 같이 설치하십시오. 생성main.py 파일 및 실행 - 브라우저에서 이 링크 열기http://127.0.0.1:...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.