valid() 函数在 jquery 表单验证 MVC3 中不起作用

Question

我正在创建一个简单的 mvc3 应用程序。

视图是

<script>
function Submitform() {
    var form = $('#frmAddStudent');
    if (form) {
        if (form.valid()) {
            $(form).submit();
        }
    }
}
</script>

@using (Ajax.BeginForm("AddStudent", "Student", new AjaxOptions { HttpMethod = "POST" }, new { id = "frmAddStudent" }))
{
@Html.ValidationSummary(true)

    <div class="editor-label">
        @Html.LabelFor(model => model.StudentName)
    </div>
    <div class="editor-field">
        @Html.TextBoxFor(model => model.StudentName)
        @Html.ValidationMessageFor(model => model.StudentName)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.Address)
    </div>
    <div class="editor-field">
        @Html.EditorFor(model => model.Address)
        @Html.ValidationMessageFor(model => model.Address)
    </div>

    <div class="editor-label">
        @Html.LabelFor(model => model.DOB)
    </div>
    <div class="editor-field">
        @Html.Telerik().DatePickerFor(model => model.DOB)
        @Html.ValidationMessageFor(model => model.DOB)
    </div>
<p>
   <input type="button" value="Add" class="btn" onclick="return Submitform()" />
    <input type="button" value="Cancel" class="close btn" onclick="closeDialog()" />
    </p>
}

现在的问题是当我点击提交按钮 javascript 函数调用时，它无法识别“form.valid()”函数。

它显示 form.valid() 类型错误：form.valid 不是函数

那么，这有什么问题。

Answer 1

试试这个：

var form = $( "#frmAddStudent" );
form.validate();

function Submitform() {
    if (form.valid()) {
            $(form).submit();
    }
}