没有表单标签的 jQuery 验证

Question

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

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

谢谢!

Answer 1

"I have a 'form' with many inputs and at the submit button I call a javascript function that manipulate the info and send by ajax to a php file"

您绝对需要有 <form></form> jQuery Validate 插件正常运行或完全运行的标签。

如果您使用ajax ，你必须put your ajax inside the submitHandler of the jQuery Validate plugin 。请参阅下面的示例。

"I can add a form tag without an action url to validate my "form" with the jquery validate?"

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

查看演示:http://jsfiddle.net/NEPsc/3/

输入您的ajax和一个 return 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的评论，使用 input type="button"而不是input type="submit" ，您需要使用 click处理程序。 不需要任何内联 JavaScript。删除onClick功能完全。

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