MVC 远程验证不起作用

MVC Remote validation not working

我有一些远程验证来进行客户端验证。其中两个几乎相同,但一个有效,另一个无效,断点永远不会被击中。

工作一:

查看:

@Html.EditorFor(model => model.ClassNumber, new { @id = "ClassNumber" })
@Html.ValidationMessageFor(model => model.ClassNumber)

型号:

[EdmScalarPropertyAttribute(EntityKeyProperty = false, IsNullable = false)]
[Required(ErrorMessage = "Required")]
[Remote("CheckClassNumber", "Course", AdditionalFields = "Title", HttpMethod = "POST",
    ErrorMessage = "Already Exists")]
[DataMemberAttribute()]
public global::System.Int32 ClassNumber
{

方法:

[HttpPost]
public JsonResult CheckClassNumber(int ClassNumber, int Title)
{
    var course = db.Courses.Any(c => c.ClassNumber.Equals(ClassNumber) && c.Title.Equals(Title));

    return Json(!course);
}

源代码:

    <select class="chzn-select" data-placeholder=" -- Select Course -- " data-val="true" data-val-number="The field Title must be a number." data-val-required="Required" id="Title" name="Title">
        <option value=""></option>
        <option value="1">Option 1</option>
        <option value="2">Option 2</option>
        <option value="3">Option 3</option>
    </select>
    <span class="field-validation-valid" data-valmsg-for="Title" data-valmsg-replace="true"></span>

不工作

查看:

@Html.DropDownListFor(model => model.Student,
    @ViewBag.StudentID as SelectList, "",
    new { @class = "chzn-select", data_placeholder = " -- Select Student -- " })
@Html.ValidationMessageFor(model => model.Student)

型号:

[EdmScalarPropertyAttribute(EntityKeyProperty = false, IsNullable = false)]
[Required(ErrorMessage = "Required")]
[Remote("CheckIfEnrolled", "Enrollment", AdditionalFields = "Course", HttpMethod = "POST",
    ErrorMessage = "Already Enrolled")]
[DataMemberAttribute()]
public global::System.Int32 Student
{

方法:

[HttpPost]
public JsonResult CheckIfEnrolled(int Student, int Course)
{
    var exists = db.Enrollments.Any(e => e.Course.Equals(Course) && e.Student.Equals(Student));

    return Json(!exists);
}

源代码:

<select class="chzn-select" data-placeholder=" -- Select Student -- " data-val="true" data-val-number="The field Student must be a number." data-val-remote="Already Enrolled" data-val-remote-additionalfields="*.Student,*.Course" data-val-remote-url="/QIEducation/Enrollment/CheckIfEnrolled" data-val-required="Required" id="Student" name="Student">
    <option value=""></option>
    <option value="8">Option 1</option>
    <option value="10">Option 2</option>
    <option value="11">Option 3</option>
</select>
<span class="field-validation-valid" data-valmsg-for="Student" data-valmsg-replace="true"></span>

我已确保脚本以正确的顺序加载。附加字段输入正确。调试或查看源代码时没有出现错误。我看了一圈,类似问题的解决方案已经实现了。

好的。事实证明,所选插件将 select 元素变成了隐藏元素。这意味着默认情况下验证不会检查它。我找到了一些对其他人有效但对我无效的解决方案。我最终强制对更改进行验证。

<script type="text/javascript">
    //Have to force a validation on change.
    $('#Student').on('change', function () {
        $('#Student').valid();
    });
</script>

每次都有效,不会更改 jquery 文件中的默认值。