> 웹 프론트엔드 > JS 튜토리얼 > 체크박스 그룹에 대한 사용자 정의 jQuery 유효성 검사 규칙을 만드는 방법은 무엇입니까?

체크박스 그룹에 대한 사용자 정의 jQuery 유효성 검사 규칙을 만드는 방법은 무엇입니까?

Linda Hamilton
풀어 주다: 2024-12-09 03:14:09
원래의
878명이 탐색했습니다.

How to Create a Custom jQuery Validation Rule for Checkbox Groups?

양식 입력에 대한 사용자 정의 jQuery 유효성 검사 규칙 만들기

데이터 무결성을 보장하고 웹 양식에서 잘못된 제출을 방지하기 위해 jQuery 유효성 검사 플러그인은 귀중한 도구입니다. 유연성을 통해 특정 요구 사항에 맞게 사용자 정의된 유효성 검사 규칙을 만들 수 있습니다. 이 가이드는 jQuery Validate 플러그인을 사용하여 간단한 사용자 정의 규칙을 생성하는 방법을 보여줍니다.

질문: 그룹에서 하나 이상의 확인란이 선택되도록 사용자 정의 유효성 검사 규칙을 생성하려면 어떻게 해야 합니까? ?

답변:

이를 달성하기 위해 다음을 활용할 수 있습니다. Validate 플러그인에 있는 jQuery의 addMethod 함수:

jQuery.validator.addMethod("checkboxChecked", function(value, element) {
    return $(element).siblings('input[type="checkbox"]').is(':checked');
}, "* Please ensure at least one checkbox is selected");
로그인 후 복사

"checkboxChecked"라는 이 사용자 정의 규칙은 동일한 상위 요소 내의 형제 확인란이 선택되어 있는지 확인합니다. 아무것도 선택하지 않으면 유효성 검사가 실패합니다.

사용법:

이 규칙을 양식 유효성 검사 프로세스에 통합하는 것은 간단합니다.

$('form').validate({
    rules: {
        checkboxGroup: { checkboxChecked: true }
    }
});
로그인 후 복사

By "checkboxGroup" 양식 요소에 "checkboxChecked" 규칙을 적용하면 해당 그룹 내에 하나 이상의 확인란이 있는 경우에만 유효성이 성공적으로 확인됩니다. 확인되었습니다.

위 내용은 체크박스 그룹에 대한 사용자 정의 jQuery 유효성 검사 규칙을 만드는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿