如何使用 jQuery 检查表单的有效性？

Question

我之前有一个关于如何检查提交的问题是这样回答的：

$("form").on("submit", function() {
    var $form = $(this);

    // if there are validation errors do not continue.
    if (!$form.valid()) {
        return false;
    }
});​

但是在 VS2012 中，它显示 .valid 为“此属性在 jQuery 类型的值上不存在”。请注意，我还没有尝试运行它，因为我仍然在 VS2012 编辑器中看到语法错误。

在我的脚本目录中，我有以下 _reference.js 文件。我应该告诉 VS2012 还是在我的脚本中引用它？

/// <reference path="jquery-1.8.3.js" />
/// <reference path="jquery.validate.js" />
/// <reference path="jquery.validate.unobtrusive.js" />

谁能给我一些关于哪里出了问题的建议？

解决方案

我有一个 _reference.js 文件，但为了使这项工作正常，我必须在我的脚本中包含对 _reference.js 文件的引用。现在可以正常使用了。

Answer 1

在拨打valid()之前，您需要先拨打validate()

$("form").validate();
$("form").on("submit", function() {
    var $form = $(this);

    // if there are validation errors do not continue.
    if (!$form.valid()) {
        return false;
    }
});​