mvcクライアント側のバリデーションが壊れている今、ajax jqueryをやっています。

Question

こんにちは、jqueryでajaxを使ってフォームの投稿をしています。

HERESに私のjQuery：

$("#submit").click(function (e) { 
      e.preventDefault(); 
      $.post("Account/LogOn", 
        $(this.form).serialize(), 
        function (data) { 
         if (data.redirect) { 
          // data.redirect contains the string URL to redirect to 
          window.location.href = data.redirect; 
         } 
         else { 
          // data.form contains the HTML for the replacement form 
          $("#error").replaceWith(data.error); 
         } 
        }, 
        'json' 
      ); 
      return false; 
     }); 

予想通り、この作品は、しかしに建てMVCの検証は、もはや機能していませんか？ （省略され、フォームが送信された場合、エラーメッセージでユーザー名必須/パスワードは必要ありません）。

クライアントの検証がもう機能しない理由はありますか？

おかげ

Answer 1

クライアント側の検証は、フォームのポストによってトリガされていない、あなたは、もはやフォームを掲載しているので、あなたは、本質的に検証トリガを回避するjQueryのポストを行っています。あなたは手動でjavascriptのバリデーションをトリガし、クライアント側の検証でエラーが見つかったかどうかを確認し、そうでない場合はajax投稿を続行できます。

編集：Here's the documentationその方法については、コードはこのようになります....

$("#submit").click(function (e) { 
      e.preventDefault(); 
      $(this.form).validate(); 
      if($(this.form).valid()) 
{ 
      $.post("Account/LogOn", 
        $(this.form).serialize(), 
        function (data) { 
         if (data.redirect) { 
          // data.redirect contains the string URL to redirect to 
          window.location.href = data.redirect; 
         } 
         else { 
          // data.form contains the HTML for the replacement form 
          $("#error").replaceWith(data.error); 
         } 
        }, 
        'json' 
      ); 
      return false; 
} 
     });