MVC3 Razor/JQuery 客户端验证不起作用

Question

我使用带有 jquery 验证插件的 ASP.NET MVC 3 Razor 来构建注册表单。 所以我包括了这个：

<script src="@Url.Content("~/Scripts/jquery-1.4.4.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript">    </script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>

我在我的 Web.config 中添加了以下内容：

<appSettings>
    <add key="ClientValidationEnabled" value="true" />
    <add key="UnobtrusiveJavaScriptEnabled" value="true" />
</appSettings>

我的 Razor 表单如下所示：

@model bop.Web.Models.ProfileModel

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<h2>Page title</h2>
@Html.ValidationSummary(true)
@using (Html.BeginForm("Register", "Profile", FormMethod.Post, new { id = "RegForm" }))
{
    <fieldset>
        <div class="editor-label">
            @Html.LabelFor(model => model.companyName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.companyName)
            @Html.ValidationMessageFor(model => model.companyName)
        </div>
        <div>
        ... here other input fields ...
        </div>
        <a href="#" id="nextbtn1">GO TO STEP 2</a>
    </fieldset>

在底部我有：

<script type="text/javascript">
    $(document).ready(function () {
        $('#nextbtn1').click(function () { // bind click event to link
            $("#RegForm").validate();
            if ($("#RegForm").valid()) {
                var $tabs = $('#tabs').tabs(); // first tab selected
                $tabs.tabs('select', 1); // select second tab
                return false;
            }
        }
    }
</script>

我在点击事件上使用了绑定，因为我的注册表单被拆分为 3 个选项卡，所以我将在第三步中执行提交。

问题是，当我点击“转到第 2 步”按钮时，我收到此错误：

Run-time error in Microsoft JScript: Object does not support this property or method 'validate'

非常感谢您提供有用的指导。

Answer 1

在检查表单是否有效之前，必须先验证它，所以在if ($("#RegForm").valid()) {行之前插入以下内容：

$("#RegForm").validate();