JQuery表单验证不工作
我是一个非常新的使用JQuery验证插件来验证我的表单的人,但它不起作用。所有的ID都和脚本(CourseCode、CourseName等)完全相同。这个代码有什么错误吗JQuery表单验证不工作,jquery,jquery-validate,Jquery,Jquery Validate,我是一个非常新的使用JQuery验证插件来验证我的表单的人,但它不起作用。所有的ID都和脚本(CourseCode、CourseName等)完全相同。这个代码有什么错误吗 <form id="courseForm" method="post"> <table> <tr> <td> @if (ViewBag.Message != null)
<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>
$(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"
}
}
});
});
尝试删除已安装的软件包,重新启动Visual Studio并安装更新的版本。我也有类似的问题。表单的其余部分呢?您包括了jQuery验证脚本,对吗?您会遇到什么错误?没有错误。但是验证不起作用。。。i、 e我可以提交空值,尽管它在验证中是必需的。。你忘记插件了吗?您看到了哪些控制台错误?
$(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"
}
}
});
});