Question

我有以下Javascript代码

$(document).ready(function(){
    $('#saveButton').click(function(){
        $("#mainForm").validate();
        $('#mainForm').submit();
    });
}

这个表格

<form method="post" action="" name="mainForm" id="mainForm" class="form-horizontal" role="form">

当我单击我的保存按钮时，它表示找不到validate（）函数。

为什么会这样？我的JQuery包含在jQuery Validation之前。

此外，如果我更改行

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

到

$.validate();

验证工作正常。

为什么会这样？

Answer 1

您的代码：

$(document).ready(function(){
    $('#saveButton').click(function(){
        $("#mainForm").validate();
        $('#mainForm').submit();
    });
} // < - missing );

.validate()是初始化方法，直到首次单击按钮后才开始初始化。（您也无法正确关闭DOM ready处理程序）

这就是所需要的......

$(document).ready(function(){
    $("#mainForm").validate({ ... rules, options, etc. ... });
});

初始化表单，验证数据，捕获点击，并提交“有效”表单......全部由插件自动提交。

基本示例：http://jsfiddle.net/DMSKh/

JQuery验证找不到validate（）函数

1 个答案: