JQuery와 : 형태는 아약스 유효성 검사 오류에 제출 방지

Question

좀 아약스 검증 필드가있는 양식을 가지고

내가 그 중 하나에 오류가있는 경우 양식을 제출하지 못하게하려면 (모든 필드는 Ajax를 사용하여 검증). 전지.

저는 아약스 유효성 검사를 사용하여 다른 양식을 작성하기를 원합니다.

1 플래그가 트릭을하지 않습니다.

이 아약스 필드가 오류에 모습입니다 : jQuery로

<label id="id_name_lab" class="error">name</label> 
<input id="id_name" type="text" maxlength="128" name="name"> 
<label id="id_name_succ_icn" class="icon_succ" style="display: none;"></label> 
<label id="id_name_load_icn" class="icon_load" style="display: none;"></label> 

Answer 1

내 아이디어는 콜백 체인을 사용하고 있습니다.

의사 코드

$("form").one("submit", function() { 
    var self = this; 

    // ajax validation 
    $.ajax(/* ... */) 
     .done(function() { 
      // call validation, if form is valid, ajaxValidation calls submit again. 
      ajaxValidation(self); 
     }); 

    // first submit is always ignored. 
    e.preventDefault(); 
    return false; 
}); 

function ajaxValidation(target) { 
    // check valid & call submit 
} 

그것을 당신이 할 때, 위의 핸들러를 제출 바인딩 할 필요가있다.

Answer 2

:

$("form").submit(function(e) { 
       e.preventDefault(); 
       return false; 
}); 

JQuery와없이 : 양식의 태그의 onsubmit 요소에

return false; 

.