なぜClientValidationは失敗しましたが、XmlHttpRequestが送信されるのですか？

Question

私はページに多くのAJAXフォームを持っています。ボタンをクリックすると、それらをすべて提出する必要があります。通常の** forms.each（function（index、form）{$（form）.submit（）;}は私にとってはうまくいかないでしょう。この方法では最後のフォームのみが最終的に提出されるからです。 $ .ajax（...）ですが、フォームが有効な場合にのみ送信を有効にしたい

"submitForms"で "submitTest"関数をクリックしてください jQueryドキュメントから "submitHandler"が呼び出されます。フォームが有効である。 ので、検証作品や「submitHandler」は「submitHandler」が呼び出されていないがXmlHttpRequestのは、とにかく送られ、フォームが無効な場合に呼び出されます。いないが。

どこに私のミスですかそれともありますそれ以外の方法はありますか？ ありがとうございました

<% using (Ajax.BeginForm("FormPost", "Customer", null, new AjaxOptions() { HttpMethod = "POST" }, new { @class = "form-container" })) 
     { %> 

      <%: Html.TextAreaFor(m => m.Name, new { width = 440, height = 100 })%> 
      <input type="button" value="submitForms" /> 
    <% }%> 


<script type="text/javascript"> 
function submitTest(){ 
var forms = $(".form-container"); 

forms.each(function (index, form) { 
    $(form).validate({ 
     submitHandler: function (form) { 
       $.ajax(
       { 
        .... 
       }); 
     } 
    }); 
}); 

forms.each(function (index, form) { 
    $(form).submit(); 
}); 
} 
</script> 

Answer 1

EDITEDそれはのonclickとのonSubmitハンドラを設定して、それがAjax.BeginFormのための最も可能性の高い

。これはおそらく、検証ハンドラの検証ハンドラの前に最初にトリガすることになります。

UPDATE あなたがjQuery.ajax経由でフォームを送信する予定のモジュールでAjaxフォームを使用し続けたい場合は、次の操作を行うことができます。

$(function() { 
    $('.form-container').removeAttr('onsubmit').removeAttr('onclick'); 
}); 

これはAjax.BeginFormはformタグに置くハンドラを削除します。このスクリプトを他のモジュールに含めない方法が必要です。