[jquery] jQuery 유효성 검사 플러그인 : 지정된 제출 버튼에 대한 유효성 검사 비활성화

Jörn Zaeffere의 우수한 jQuery Validation 플러그인으로 여러 필드가있는 양식 (사용자 정의 유효성 검사를 위해 추가 된 메소드가있는 양식)이 있습니다. 지정된 제출 제어를 사용하여 유효성 검증을 어떻게 우회합니까 (즉, 일부 제출 입력으로 유효성 검증을 수행하지만 다른 유형으로 유효성 검증을 수행하지는 않음)? 표준 ASP.NET 유효성 검사기 컨트롤이있는 ValidationGroups와 비슷합니다.

내 상황 :

ASP.NET WebForms와 함께 제공되지만 원하는 경우 무시해도됩니다. 그러나 유효성 검사를 “권장”으로 더 많이 사용하고 있습니다. 즉, 양식을 제출하면 유효성 검사가 시작되지만 “필수”메시지가 표시되는 대신 “권장”은 “사용자” 다음 필드를 놓쳤습니다. 계속 진행 하시겠습니까? ” 오류 컨테이너의 해당 시점에는 유효성 검사를 무시하고 어쨌든 제출할 수있는 다른 제출 단추가 표시됩니다. 이 버튼 컨트롤의 .validate () 양식을 우회하고 여전히 게시하는 방법은 무엇입니까?

http://jquery.bassistance.de/validate/demo/multipart/에 있는 주택 매입 및 매도 샘플 은 이전 링크에 도달하기 위해이를 허용하지만 사용자 정의 메소드를 작성하고 유효성 검증기에 추가하여이를 수행합니다. 유효성 검사 플러그인에 이미 기능을 복제하는 사용자 지정 메서드를 만들지 않고 싶습니다.

다음은 바로 지금 적용 할 수있는 즉시 적용 가능한 스크립트의 단축 버전입니다.

var container = $("#<%= Form.ClientID %> div.validationSuggestion");

$('#<%= Form.ClientID %>').validate({
    errorContainer: container,
    errorLabelContainer: $("ul",container),
    rules: {
        <%= YesNo.UniqueID %>: { required: true },
        <%= ShortText.UniqueID %>: { required: true } // etc.

    },
    messages: {
        <%= YesNo.UniqueID %>: 'A message.',
        <%= ShortText.UniqueID %>: 'Another message.' // etc.
    },
    highlight: function(element, errorClass) {
        $(element).addClass(errorClass);
        $(element.form).find("label[for=" + element.id + "]").addClass(errorClass);
        $(element.form).find("label[for=" + element.id + "]").removeClass("valid");
    },
    unhighlight: function(element, errorClass) {
        $(element).removeClass(errorClass);
        $(element.form).find("label[for=" + element.id + "]").removeClass(errorClass);
        $(element.form).find("label[for=" + element.id + "]").addClass("valid");
    },
    wrapper: 'li'
}); 

답변

<input class="cancel" type="submit" value="Save" />

<input formnovalidate="formnovalidate" type="submit" value="Save" />

$("form").validate().cancelSubmit = true;

$("form").validate().settings.ignore = "*";

$("form").validate().settings.ignore = ":hidden";

    <input type="submit" name="go" value="Submit">
    <input type="submit" formnovalidate name="cancel" value="Cancel"> 

 To skip validation while still using a submit-button, add a class="cancel" to that input.

  <input type="submit" name="submit" value="Submit"/>
  <input type="submit" class="cancel" name="cancel" value="Cancel"/>

    // restore behavior of .cancel from jquery validate to allow submit button 
    // to automatically bypass all jquery validation
    $(document).on('click', 'input[type=image].cancel,input[type=submit].cancel', function (evt)
    {
        // find parent form, cancel validation and submit it
        // cancelSubmit just prevents jQuery validation from kicking in
        $(this).closest('form').data("validator").cancelSubmit = true;
        $(this).closest('form').submit();
        return false;
    });

$("form").validate().settings.ignore = "*";

$("form").validate().cancelSubmit = true;

var btn = form.children('input.cancel.fakeSubmitFormButton');
if (btn.length === 0) {
    btn = $('<input name="FakeCancelSubmitButton" class="cancel fakeSubmitFormButton hide" type="submit" formnovalidate value="FakeCancelSubmitButton" />');
    form.append(btn);
}
btn.click();