2016-06-16 2 views
-1

私はJQuery検証プラグインを使用してフォームを検証していますが、動作していません。すべてのIDはスクリプト(CourseCode、CourseNameなど)と全く同じです。このコードに間違いはありますか?ここでJQueryフォームvalidatationが動作しない

<form id="courseForm" method="post"> 
<table> 
      <tr> 
       <td> 
        @if (ViewBag.Message != null) 
        { 
         <p>@ViewBag.Message</p> 
        } 
       </td> 
      </tr> 

      <tr> 
       <td>Code</td> 
       <td> 
        <input type="text" name="CourseCode" id="CourseCode" /> 
       </td> 
      </tr> 
      <tr> 
       <td>Name</td> 
       <td> 
        <input type="text" name="CourseName" id="CourseName" /> 
       </td> 
      </tr> 
      <tr> 
       <td>Creadit</td> 
       <td> 
        <input type="text" name="Creadit" id="Creadit" /> 
       </td> 
      </tr> 
      <tr> 
       <td>Description</td> 
       <td> 
        <input type="text" name="Description" id="Description" /> 
       </td> 
      </tr> 
      <tr> 
       <td>Department</td> 
       <td> 
        <select name="DepartmentId" id="DepartmentId"> 
         @foreach (var department in allDepartments) 
         { 
          <option value="@department.Id">@department.DeptName</option> 
         } 
        </select> 

       </td> 
      </tr> 
      <tr> 
       <td>Semester</td> 
       <td> 
        <select name="SemesterId" id="SemesterId"> 
         @foreach (var semester in allSemesters) 
         { 
          <option value="@semester.Id">@semester.SemesterName</option> 
         } 
        </select> 

       </td> 
      </tr> 
      <tr> 
       <td> 
        <input type="submit" value="Save" /> 
       </td> 
      </tr> 

     </table> 
    </form> 

スクリプトは、インストールされたパッケージを削除してくださいのVisual Studioを再起動し、更新されたバージョンをインストールし、検証

 $(document).ready(function() { 
      $("#courseForm").validate({ 
       rules: { 

        CourseCode: { 
         required: true, 
         minlength: 5 
        }, 
        CourseName: { 
         required: true, 

        }, 
        Creadit: { 
         required: true, 
         range: [0.5, 5] 

        }, 
        Description: { 
         required: true 

        } 

       }, 
       messages: { 

        CourseCode: { 
         required: "Please enter a Course Code", 
         minlength: "Your username must consist of at least 5 characters" 
        }, 
        CourseName: { 
         required: "Please provide a Course Name", 

        }, 
        Creadit: { 
         required: "Please provide a Creadit", 
         range: "Your creadit Range must be at least .5 to 5 ", 

        }, 
        Description: { 
         required: "Please provide a Description" 
        } 
       } 
      }); 
     });  

+0

フォームの残りの部分はどうですか? –

+2

jQueryの検証スクリプトが含まれています。 –

+0

どのようなエラーが発生しますか? – j08691

答えて

0

ためです。私も同様の問題がありました。

関連する問題