jqueryvalidation：阻止表单提交

通过使用jQuery插件validation，我试图validation我的表单。 validation通过后，我希望使用表单中的值触发javascript，然后停止。 没有实际的表单提交浏览到新的/相同的网站。

这可以通过jqueryvalidation吗？

Answer 1

你可以试试这个（ 例子 ）：

$(function(){ $("#myform").validate(); $("#myform").on('submit', function(e) { var isvalid = $("#myform").valid(); if (isvalid) { e.preventDefault(); alert(getvalues("myform")); } }); }); function getvalues(f) { var form=$("#"+f); var str=''; $("input:not('input:submit')", form).each(function(i){ str+='\n'+$(this).prop('name')+': '+$(this).val(); }); return str; } 

Answer 2

是：

 $("form").submit(function(event) { if (somethingIsInvalid) { event.preventDefault(); } }); 

Answer 3

有一个名为.valid（）的方法，如果你的表单中没有错误，则返回true，所以你可以先用这个validation，然后在这里发送表单的文档

http://docs.jquery.com/Plugins/Validation/valid

Answer 4

 $("#form").validate({ rules: {...}, submitHandler: function(form, event) { event.preventDefault(); alert("Do some stuff..."); //submit via ajax } });