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 selector应该包含#，如此：

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

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

使用jQuery验证表单时出错

2 个答案: