사용자 정의 유효성 검사 규칙이 작동하지 않음

사용자 정의 유효성 검사 규칙이 작동하지 않음

버전:

• VueJs: 2.2.6
• Vee-Validate: ^2.0.0-베타.25

설명:

나는 래러벨-뷰-스타터를 기본 템플릿으로 사용하는 프로젝트를 하고 있다.

암호에 사용자 정의 유효성 검사를 사용하고 싶다.그래서 나는 다음과 같은 코드가 있는 resource\assets\js\validators\passwordValidators.js 파일을 만들었다.

import { Validator } from 'vee-validate';

Validator.extend('password', {
    getMessage: field => 'Insert a strong password, it should contain Uppercase letter, lowercase letter, number and special character',
    validate: value => /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[0-9])(?=.[\W]).{8,}$/.test(value)
});

하지만 내가 덧붙이자면v-validate="'password'"그것은 오류를 낳는다.[vee-validate] No such validator 'password' exists

어떤 도움이라도 감사할 것이다.

답은 간단하다고 생각해, 너는 지금 '암호'라는 규칙 이름을 사용하고 있지만, 너의 규칙은 암호야.

따라서 마크업(문자 표기법)에서 이 방법을 사용해 보십시오. 작은 따옴표를 제거하십시오.

v-validate = "password"

또는 1개 이상의 복잡한 규칙이 있을 때 개체 표기법을 사용할 수도 있다.

v-validate = "{password: true}"

에인절 벤

참조URL: https://stackoverflow.com/questions/45397240/vee-validate-custom-validation-rules-not-working