没有表单标记的jQuery验证

Question

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

我可以添加一个没有动作URL的表单标签来验证我的"表单"与jquery验证？或者我必须手动验证？

谢谢!

Answer 1

"我有一个'表单'有很多输入,在提交按钮我调用一个javascript函数来操作信息并通过ajax发送到一个php文件"

绝对需要你有<form></form>jQuery Validate插件的标签才能正常运行,或者根本不需要.

如果你使用ajax,你必须把你的ajax内部submitHandlerjQuery Validate插件.请参阅下面的示例.

"我可以添加一个没有动作网址的表单标签,用jquery验证来验证我的"表单"吗？"

是的,你可以删除或阻止action仍然使用jQuery Validate.

见演示:http: //jsfiddle.net/NEPsc/3/

把你ajax和a 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的评论,要使用a input type="button"而不是a input type="submit",您需要使用click处理程序. 不需要任何内联JavaScript.onClick完全删除该功能.

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