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

时间:2012-12-31 04:42:47

标签: javascript jquery asp.net-mvc asp.net-mvc-3 visual-studio-2012

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

$("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文件的引用。现在它可以正常工作。

1 个答案:

答案 0 :(得分:0)

您需要在致电validate()

之前致电valid()
$("form").validate();
$("form").on("submit", function() {
    var $form = $(this);

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