jQuery 유효성 검사 플러그인 및 .ajax

Question

그래서 다양한 사용자 입력을 요청하고 일부 제안을 표시하면서 div를로드하는 양식이 있습니다.

나는 다음과 같습니다

$("#calcPrice").click(function() { 

$("#invPricing").validate({ 
    rules: { ... }, 
    messages: {... } , 
    submitHandler: function(form) { 
    .... 
    $.ajax({ 

    }); 
    $.ajax({ 

    }); 
    return false; 
    } 
    }); 

내 문제가 확인 후, 아약스의 아무도 작업을 호출하지 않습니다. 유효성 검사 메서드 (규칙, 메시지, submitHandler)를 제거하면 모든 것이 잘 동작합니다. 누군가 내가 여기서 뭘 놓치고 있는지 말해 줄 수 있니? 사전에 감사합니다. 나는 기본적으로 두 가지 이벤트를 한 낮은, 높은 하나를 표시하고

$.ajax({ 
    dataType: "json", 
    type: "get",   
    url: <cfoutput>"#actURL#"</cfoutput>, 
    data: formData+"&p_type=LOW&returnJSON=true",   
    cache: false,  
    success: function(result) { 
     // fields to populate: 
     $("#rent").val(result.RENT); 
     $("#discount").val(result.DISCOUNT); 
     $("#salesPrice1").val(result.SALESPRICE); 
     $("#cashPrice1").val(result.CASHSALESPRICE); 
     $("#tax1").val(result.SALESTAX);    $("#payment1").val(result.PAYMENTS); 
      } , 
    error: function(xmlHttpRequest, status, err) { 
       confirm('Error!' + err); 
      } 
    }); 

    $.ajax({ 
    dataType: "json", 
     type: "get",   
    url: <cfoutput>"#actURL#"</cfoutput>, 
    data: formData+"&p_type=HIGH&returnJSON=true",   
    cache: false,  
    success: function(result) { 
     // fields to populate: 
    $("#rent").val(result.RENT); 
    $("#discount").val(result.DISCOUNT); 
    $("#salesPrice2").val(result.SALESPRICE); 
    $("#cashPrice2").val(result.CASHSALESPRICE); 
     $("#tax2").val(result.SALESTAX);       $("#payment2").val(result.PAYMENTS); 
      } , 
      error: function(xmlHttpRequest, status, err) { 
       confirm('Error!' + err); 
      } 
    }); 

:

은 BTW, 이들은 아약스 호출합니다.

Answer 1

이 작동합니다

$("#myForm").validate({ 
    rules : { ... }, 
    messages : { ... } 
}).form();