>웹 프론트엔드 >JS 튜토리얼 >jQuery 사용자 정의 검증 규칙 - 현장

jQuery 사용자 정의 검증 규칙 - 현장

Joseph Gordon-Levitt
Joseph Gordon-Levitt원래의
2025-02-23 09:23:09648검색

이 자습서는 jQuery.validate.js 플러그인을 사용하여 양식에 대한 사용자 정의 검증 규칙을 작성하는 방법을 보여 주며 양식 검증 설정에 대한 이전 안내서를 확장하는 방법을 보여줍니다. 이 규칙을 정의하기 위해 함수를 활용합니다. 라이브 데모가 제공되며 예에는 생년월일 검증 날짜가 포함됩니다. 참고 : 크로스 브라우저 호환성 및 재귀 문제를 해결하는 패치 버전이 포함되어 있습니다. 예 :

다음 예제는 이름과 이메일 필드가 모두 채워 지도록 사용자 정의 검증 규칙을 보여줍니다. 하나가 채워지면 다른 하나도 있어야합니다. $.validator.addMethod()

왼쪽 필드 유효성 검증 :

오른쪽 필드 유효성 검증 :

모두 작동중인 두 필드 (다중 쌍) :
  • 라이브 데모 : (JSFiddle에서 편집) jQuery 코드 (패치 버전) : jQuery Custom Validation Rule - fieldPresent 이 개선 된 스 니펫은 브라우저 크로스 브라우저 불일치와 재귀 문제를 해결합니다
  • html : CSS : jQuery Custom Validation Rule - fieldPresent
  • 생년월일 검증 날짜 (3 입력) :
  • 이 섹션은 세 개의 별도 필드 (일, 월, 연도)를 사용하여 생년월일을 검증하는 방법을 보여줍니다. jQuery에 필요한 태그와 jQuery Validate 플러그인을 HTML 파일에 포함시켜야합니다. 이 향상된 자습서는 사용자 정의 양식 검증을위한보다 강력하고 안정적인 솔루션을 제공합니다. jQuery Custom Validation Rule - fieldPresent

위 내용은 jQuery 사용자 정의 검증 규칙 - 현장의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.