이 자습서는 jQuery.validate.js 플러그인을 사용하여 양식에 대한 사용자 정의 검증 규칙을 작성하는 방법을 보여 주며 양식 검증 설정에 대한 이전 안내서를 확장하는 방법을 보여줍니다. 이 규칙을 정의하기 위해 함수를 활용합니다. 라이브 데모가 제공되며 예에는 생년월일 검증 날짜가 포함됩니다. 참고 : 크로스 브라우저 호환성 및 재귀 문제를 해결하는 패치 버전이 포함되어 있습니다.
예 :
다음 예제는 이름과 이메일 필드가 모두 채워 지도록 사용자 정의 검증 규칙을 보여줍니다. 하나가 채워지면 다른 하나도 있어야합니다. $.validator.addMethod()
왼쪽 필드 유효성 검증 :
오른쪽 필드 유효성 검증 :
모두 작동중인 두 필드 (다중 쌍) :
-
라이브 데모 :
(JSFiddle에서 편집)
jQuery 코드 (패치 버전) :
이 개선 된 스 니펫은 브라우저 크로스 브라우저 불일치와 재귀 문제를 해결합니다
- html :
CSS :
생년월일 검증 날짜 (3 입력) : -
이 섹션은 세 개의 별도 필드 (일, 월, 연도)를 사용하여 생년월일을 검증하는 방법을 보여줍니다.
jQuery에 필요한 태그와 jQuery Validate 플러그인을 HTML 파일에 포함시켜야합니다. 이 향상된 자습서는 사용자 정의 양식 검증을위한보다 강력하고 안정적인 솔루션을 제공합니다.
위 내용은 jQuery 사용자 정의 검증 규칙 - 현장의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!