MVCのAjax.BeginFormのonBeginメソッド内でjQueryフォームバリデータを使用

Question

jQueryフォームバリデータはHtml.Beginformで正常に動作します。

私は、リフレッシュせずにフォームを送信するために、Html.BeginformをAjax.Beginformに変更しました（Ajax投稿を試みましたが、コントローラ内でファイルがnullになっています）。

Ajax.Beginformに変更した後、jQueryフォームのバリデーターが機能していません。

Ajax.BeginformのonBeginメソッド内でjQueryフォームバリデーターを使用することはできますか？

ビュー：

<script src="~/scripts/jquery-1.10.2.min.js"></script> 
<script src="~/scripts/jquery.validate.min.js"></script> 
<script src="~/scripts/jquery.validate.unobtrusive.js"></script> 
<script src="~/scripts/jquery.unobtrusive-ajax.min.js"></script> 

@using (Ajax.BeginForm("Index", "Home", new AjaxOptions { OnSuccess = "Success", OnFailure = "Failure", OnBegin = "validate", HttpMethod = "post" }, new { @Id = "form", enctype = "multipart/form-data" })) 
{ 
<script> 
    function Success(data) { 
     alert(data); 
    } 
    function Failure() { 
     alert("failure"); 
    } 
    function validate() { 
     $(document).ready(function() { 
      $("#form").validate({ 
       rules: { 
        text1: { 
         required: true, 
        }, 
        text2: { 
         required: true, 

        } 
       }, 
       messages: { 
        text1: { 
         required: "enter text1" 
        }, 
        text2: { 
         required: "enter text2" 
        }, 
       } 

      }); 
      if ($("#form").valid()) { 
       return true; 
      } 
      else { 
       return false; 
      } 
     }); 

    } 
</script> 

<div> 
    <input type="text" id="text" name="text" /> 
</div> 
<div> 
    <input type="text" id="text1" name="text1" /> 
</div> 
<div> 
    <input type="submit" id="submit" name="submit" /> 
</div> 

} 

コントローラー：

public class HomeController : Controller 
    { 
     // GET: Home 
     public ActionResult Index() 
     { 
      return View(); 
     } 
     [HttpPost] 
     public ActionResult Index(FormCollection formcollection) 
     { 
      return Json("1"); 
     } 
    } 

Answer 1

Firstableあなたはまだunobstrusive jqueryのバリデータが含まれます。あなたは入力にdata-val html属性を使用して、フィールドの自動検証を行うことができ、あなたのコードは読みやすくなります。邪魔にならない検証についてのドキュメントを見てください。

問題はAjax.BeginFormです。メソッドパラメータを確認するには、Visual Studioのオートコンプリートを参照してください。これは、パラメータが欠落している、あなたはそのように、routeValuesパラメータのnull値を配置する必要があります：

@using (Ajax.BeginForm("Index", "Home", null, new AjaxOptions { OnSuccess = "Success", OnFailure = "Failure", OnBegin = "validate", HttpMethod = "post" }, new { @Id = "form", enctype = "multipart/form-data" }))