2012-03-03 13 views
1

呼び出さjQueryの検証とjqueryのAjaxフォームでハンドラを提出I次のコードを持って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" 
       }); 
      } 
     }); 
}); 

私はハンドラが唯一、すべての第1、第3、第五、第七と呼ばなっていることを発見しています送信ボタンがクリックされた時刻です(レスポンスはフォームの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

私は@タラスと一緒だ。答えが説明されていれば、類似した(ただし全く同じではない)問題を持つ人に役立つかもしれません。 – Dan

関連する問題