jquery.validate 사용 가이드 3부_jquery

1: 양식 제출 사용자 정의

submitHandler를 설정하여 양식 제출 작업 사용자 정의

$(".selector").validate({
submitHandler: function(form ) { 경고("확인 통과"); }
});

양식을 제출해야 하는 경우
form.submit() 또는 $(form).ajaxSubmit( );

2: 디버그 모드

디버그를 true로 설정하면 양식이 제출되지 않고 확인만 되며 디버깅에 편리합니다

$( ".selector" ).validate({
debug: true
})

3: 유효성 검사의 기본값을 설정합니다.

setDefaults를 사용하여 설정합니다. 예를 들어, 기본적으로 모든 양식 유효성 검사는 디버그 모드에서 수행됩니다.

$.validator.setDefaults({
debug: true
})

4: 특정 요소 검증 안 함

ignore 속성을 설정하여 특정 요소 무시 검증 안 함

$(".selector").validate({
ignore : "무시"
} )

5: 확인 시기

jquery.validate는 확인 작업이 트리거될 때 쉽게 설정할 수 있습니다.

onsubmit : 제출 시 확인 여부

$(".selector").validate({
onsubmit: false
})

onfocusout: 포커스를 잃었을 때 유효성 검사(체크박스 제외) /radio)

$(".selector").validate({
onfocusout: false
})

onkeyup: 키업에서 유효성 검사

$( ".selector").validate ({
onkeyup: false
})

onclick: 체크박스와 라디오를 클릭할 때 유효성을 검사합니다

$(".selector"). verify({
onclick : false
})

6: 확인 규칙 및 확인 프롬프트 정보 다시 작성

//max의 확인 프롬프트 정보 다시 작성
$.validator.messages.max = jQuery.format("총계는 {0}을(를) 초과할 수 없습니다!");

//동등 메소드 다시 작성
$.validator.methods.equal = function(value , element, param) {
return value == param;
};

7: focusInvalid 마지막 작업에 집중할지 아니면 최신 오류에 집중할지 여부

$(".selector").validate({
focusInvalid: false
})

8: focusCleanup

이 경우 속성이 True로 설정된 경우 컨트롤이 포커스를 얻으면 잘못된 클래스 정의를 제거하고 오류 메시지를 숨기고 focusInvalid와 함께 사용하지 마십시오.

$(".selector").validate({
focusCleanup: true
})

9: 메타

설정 유효성 검사 규칙을 캡슐화하는 메타

$(".selector").validate({
meta: "validate",
})