javascript - 为什么 jQuery 验证不起作用？

Question

我已经浏览了文档，但不知道哪里出了问题。 jQuery Validate 根本不起作用。在 Chrome 开发工具中我没有任何错误或任何东西，所以我不确定我做错了什么。

我的观点遵循以下格式:

@using (Html.BeginForm(null, null, FormMethod.Post, new { id = "eventForm" })) {
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
        <div class="form-group">
            @Html.LabelFor(model => model.EventName, htmlAttributes: new { @class = "control-label col-md-2" })
            <div class="col-md-10">
                @Html.EditorFor(model => model.EventName, new { htmlAttributes = new { @class = "form-control", name="eventName", id="eventName" } })
                @Html.ValidationMessageFor(model => model.EventName, "", new { @class = "text-danger" })
            </div>
        </div>
 }

<script src="~/scripts/jquery-1.10.2.min.js"></script>
<script src="~/scripts/jquery.datetimepicker.full.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script type="text/javascript">

    $('#eventForm').validate({
        rules: {
            eventName: {
                required: true
            }
        },
        messages: {
            eventName: "Event name is required"
        }
    });
</script>

我添加了name和id到我想要验证的 View 中的所有元素。我哪里可能出错了？我没有错误或类似的东西，所以我不完全确定？我需要添加另一个 <script> ？

Answer 1

你必须触发诸如页面加载中的事情...就像这样...

$(document).ready(function(){
    $('#eventForm').validate({
        rules: {
            eventName: {
                required: true
            }
        },
        messages: {
            eventName: "Event name is required"
        }
    });
});