即使无效的mvc 4，JQuery客户端也会继续

Question

脚本

$(document).ready(function () {
"use strict";
$.validator.unobtrusive.parse($("#form"));
$("#submit").on("click", function () {
    var form = $("#form");
    form.validate();
    if (form.valid()) {
    }
    return false;
});

});

HTML

        <span>Please enter the amount of orders you wish you process:</span>
    <br>
    @Html.TextBoxFor(m => m.OrderModel.AmountOfOrders, new {id = "AmountOfOrders"})
    @Html.ValidationMessageFor(m=> m.OrderModel.AmountOfOrders)

    <input type="submit" value ="Submit" id="submit" />

我的脚本似乎有问题。 C# 的 DataAnnotations 显示在视图上，但即使必填字段为空，它仍将继续到另一个页面。

Answer 1

如果你的按钮没有给出

type="button"

，默认为

type="submit"

考虑到您正在使用表单，当您的 javascript 正在执行时，该表单将通过单击按钮提交。

Answer 2

试试这个。

$("#submit").on("click", function (event) {
    var form = $("#form");
    form.validate();
if (form.valid()) {
}
else
{
    event.preventDefault();
    return false;

}
});

Answer 3

始终对表单使用 submit 事件，而不是 click 事件。这样它就可以使用按键：

$("#submit").on("submit", function () {
    var form = $("#form");
    form.validate();
    if (form.valid()) {
        // Proceed with submit!
    }
    else {
        // Stop submit!
        return false;
    }
});