jquery - 使用 jQuery 验证表单时出错

Question

尝试验证我的表单时出现以下错误：

'this.0.form' is null or not an object

我正在使用最新的 jQuery 和 jQuery.Validate，以及 jQuery.Validate.Unobtrusive（通过 NuGet）。

这是代码。错误来自哪里？

@model URIntake.IntakeFormViewModel

@{
    ViewBag.Title = "Claim Information";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div id="SubmissionForm">
@using (Html.BeginForm("Save", "UrIntake", FormMethod.Post, new { id = "UrIntakeForm"}))
{
    @Html.TextBoxFor(x => x.FormSubmitter.LastName)
    @Html.TextBoxFor(x => x.FormSubmitter.FirstName)

    <div id="SubmissionButtons" class="right">
        <input type="button" onclick="SubmitForm()" value="Submit" />
        <input type="button" onclick="CancelForm()" value="Cancel" />
    </div>
}
</div>


<script type="text/javascript">
    function CancelForm() {
        document.location = "/";
    }

    function SubmitForm() {
        $("UrIntakeForm").valid();
     }
.
.
.

Answer 1

你的 jQuery 选择器是错误的

   function SubmitForm() {
        $("#UrIntakeForm").valid();
     }

向选择器添加哈希 (#) 以将其标识为 id

Answer 2

表单的 jQuery 选择器省略了#符号。jQuery ID 选择器应该包括#这样的：

function SubmitForm() {
    $("#UrIntakeForm").valid(); // "#UrIntakeForm" instead of "UrIntakeForm"
 }

否则，您将该valid()方法应用于一个空的 jQuery 对象，这会导致您指定的错误。