jquery - 没有表单标签的jQuery验证

Question

我有一个带有许多输入的“表单”，在提交按钮上我调用了一个 javascript 函数来操作信息并通过 ajax 发送到一个 php 文件..

我可以添加一个没有操作 url 的表单标签来使用 jquery 验证来验证我的“表单”吗？还是我必须手动进行验证？

谢谢！

Answer 1

“我有一个包含许多输入的‘表单’，在提交按钮上我调用了一个 javascript 函数来操作信息并通过 ajax 发送到一个 php 文件”

绝对需要您拥有<form></form>jQuery Validate 插件的标签才能正常运行，或者根本不需要。

如果你使用ajax，你必须把你的 jQuery Validate 插件放在ajax里面submitHandler。请参阅下面的示例。

“我可以添加一个没有操作 url 的表单标签来使用 jquery validate 验证我的“表单”吗？”

是的，您可以删除或阻止action并仍然使用 jQuery Validate。

见演示：http: //jsfiddle.net/NEPSc/3/

将您的ajax和 areturn false放入其中submitHandler，不会发生常规提交：

$(document).ready(function() {

    $('#myform').validate({ // initialize plugin
        // your rules & options,
        submitHandler: function(form) {
            // your ajax would go here
            return false;  // blocks regular submit since you have ajax
        }
    });

});

---

编辑：

根据 OP 的评论，要使用 ainput type="button"而不是 a input type="submit"，您需要使用click处理程序。 不需要任何内联 JavaScript。完全删除该onClick功能。

查看更新的演示：http: //jsfiddle.net/NEPSc/5/