2

我正在使用 jquery validate 插件来验证并在我的页面上提交一个表单,该表单具有多个提交按钮来运行不同的功能。

一个提交按钮使用 $post 方法运行,而另一个使用标准操作方法。

(如果我的术语是错误的,请坚持我)

我遇到的问题是,如果我使用第一个按钮提交表单,然后使用第二个按钮再次尝试,它会尝试在第二次提交时再次运行第一个操作。

这是我的代码,希望能让事情变得更清楚......

<form id="myForm" action="add.php">
<input type="submit" id="myfunction" />
<input type="submit"​ id="add" />
​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​&lt;input type="text" name="myvalue" />
</form>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

和我的验证代码...

$("#myForm input[type=submit]").click(function(e) {
        if (e.target.id == 'myfunction') {
            $("#myForm").validate({
                submitHandler: function(form) {
                    $.post('myfunctionpage.php', $("#myForm").serialize(), function(data) { });
                }
            });
        } else if (e.target.id == 'add') {
            $("#myForm").validate({
                rules: {
                    name: {
                        required: true,
                    }
                }
            });
        }

    });​
4

3 回答 3

1

为什么不将代码分成两段?

$("#myfunction").click(function(e) {

            $("#myForm").validate({
                submitHandler: function(form) {
                    $.post('myfunctionpage.php', $("#myForm").serialize(), function(data) { });
                }
            });
        } 

$("#add").click(function(e) {
            $("#myForm").validate({
                rules: {
                    name: {
                        required: true
                    }
                }
            });
        }
于 2012-05-07T00:53:23.977 回答
1

您需要在 $.post 案例中停止表单提交。尝试从 click 事件处理程序返回 false,这应该会阻止事件冒泡到表单并导致它提交。

就我个人而言,我挂钩到submit表单元素上的事件,而不是按钮上的单击事件。原因是许多用户通过将光标放在文本框中然后按 Enter 来提交表单。从未发生过点击事件,并且您的代码被绕过...

另外,自从我使用 validate 插件已经有一段时间了,但我认为您在提交表单后调用 validate() 时使用错误。检查文档是否正确使用。

于 2012-05-07T03:15:02.587 回答
1

以防万一有人在寻找那个。第一次提交后简单使用 $("#myForm").validate().destroy(); 为了清除“表单数据”。

https://jqueryvalidation.org/Validator.destroy/

于 2017-10-06T12:38:13.827 回答