2012-03-03 3 views
1

호출되는 JQuery와 검증 및 JQuery와 아약스 양식 핸들러를 제출 나는 다음과 같은 코드를 가지고JQuery와는 매 두 번째

jQuery(function() { 
     jQuery("#newForm").validate({ 
      rules: { }, 
      submitHandler: function(form) { 
       alert("Submitting") 
       jQuery("#submitButton").attr('disabled', true) 
       jQuery("#sendWrapper").append('<span><img src="{{ STATIC_URL }}img/loading.gif"></span>') 
       jQuery(form).ajaxSubmit({ 
        success: afterFormSubmit, 
        target: "#ajaxwrapper" 
       }); 
      } 
     }); 
}); 

내가 핸들러가 매 첫 번째, 세 번째, 다섯 번째, 7 번째라고하기 것을 찾는거야 제출 버튼이 클릭 된 시간 (응답은 폼의 html이 삽입 된 오류 등)입니다.

그러나 onclick 처리기로 함수를 변경할 때마다 작동합니다. 이것은해야

답변

2

잘 작동합니다 :

jQuery(function() { 
     jQuery("#newForm").validate({ 
      rules: {}, 
      submitHandler: function(form) { 
       alert("Submitting") 
       jQuery("#submitButton").attr('disabled', true) 
       jQuery("#sendWrapper").append('<span><img src="{{ STATIC_URL }}img/loading.gif"></span>') 
       $.ajax({ 
        cache: false, 
        type: 'POST', 
        data: ("#newForm").serialize(), 
        url : '/ your-url-address-to-post-form /' 
        success: function (html) { 
         alert('done'); 
        }, 
        error: function(data, textStatus, jqXHR) { 
         alert('error') 
        } 
       }); 
      } 
     }); 
});​ 
+2

내 코드가 작동하지 않는 이유가 있나요? (나는 jquery 이론에 관심이있다. S를 사용하는 것보다 무슨 일이 일어나고 있는지 궁금하다.) – Taras

+1

나는 @Taras와 함께있다. 귀하의 대답이 설명된다면 비슷한 (그러나 정확히 동일하지는 않은) 문제를 가진 사람들을 도울 수 있습니다. – Dan