ASP.NET MVC 5アプリケーションでフォームが有効なときにjQuery関数をトリガーする

Question

ASP.NET MVC 5アプリケーションを作成しています。フォームが送信されるときに、アプリケーションのフォームが有効かどうかをチェックするjQueryまたはJavaScriptを書く必要があります（jQuery Validateを使用）。フォームが有効な場合、フォームは同時に送信してアラートボックスを表示する必要があります（今のところ）。私は今までthis postを使用してコードを彫刻していますが、それは私のためには機能しません。このコードは、正しく機能している：

$('form').submit(function() { 
    alert('test'); 
}); 

しかし、これは私のために動作しません：

$('form').submit(function() { 
    if ($(this).valid()) { 
    alert('the form is valid'); 
    } 
}); 

を私は次のエラーを取得しています：

Uncaught TypeError: $(...).valid is not a function

なぜこのコード私は理解していません他の人のために働いたが、それは私にとってはうまくいかない。どこが間違っていますか？

アラートボックスを表示し、フォームが有効なときにフォームを送信するには、送信ボタンをどのようにすることができますか？

Answer 1

使用しているjqueryのバージョンは？ クロムブラウザの[ネットワーク]タブでチェックしても、同じエラーが発生しました。私のアプリはjQuery 1.10.2を使用していました。 jQueryバリデーターは、1.7.2,1.8.3,1.9.1,1.11.1,3.1.1でのみ動作します。 これは、プラグインのページあたりのようです - https://jqueryvalidation.org/

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
<script src="https://cdn.jsdelivr.net/npm/jquery-validation@1.17.0/dist/jquery.validate.js"></script> 

<script> 
    $(document).ready(function() { 

    $('#sampleForm').submit(function() { 
     if ($(this).valid()) { 
      alert('valid'); 
     } 
     else { 
      alert('not valid'); 
     } 
    }); 
}); 
</script> 
<div class="jumbotron"> 
    <h1>ASP.NET</h1> 
    <p class="lead">ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p> 
    <p><a href="http://asp.net" class="btn btn-primary btn-lg">Learn more &raquo;</a></p> 
</div> 

<div class="row"> 
    <form id="sampleForm"> 
    <input type="text" /> 
    <input type="submit" value="Submit" /> 
    </form> 
</div> 

あなたがbundleConfig.csを確認し、VS MVCプロジェクトを使用している場合、それはjQueryの異なるバージョンのをダウンロードします。必要なバージョンのjQueryがダウンロードされていることを確認するか、jQueryをテスト用にダウンロードするconfigの行にコメントしてください。