JQuery Validate – class =“cancel”提交按钮仅停止validation一次

我有一个带按钮的表单我不提交表单，但它们（必须）提交按钮。 我给他们上课“取消”，并在第一次点击他们取消提交。 期望的效果。 但是，任何后续点击都会恢复正常; 提交表格。 我不想要的。

现在，我确实在点击这些按钮时发生了一些回发事件。 我试过运行$（’form’）。validate（{…}）; pageLoad上的函数而不是document.ready，但这只是停止了validation工作。

其中一个按钮的HTML是：

任何想法都会最有帮助。 谢谢。

Answer 1

为什么不只是取消function？

将按钮更改为类似的按钮

然后使用jQuery为它添加一个监听器

 $(function() { $("#Pet3btncat").live('click',function() { $('#myform.input').html(''); }); }); 

Answer 2

好的，使用DA评论的内容; 我最后告诉表单不要在提交时validation（onSubmit：false），然后创建一个隐藏实际提交按钮的函数，并在validation为真时提供一个图像（或者可能是普通按钮） ：

 $(function() { $('#Petform #btnNext').hide(); $('#Petform #NextWrapper').append('') $('#Petform #NextWrapper img').live('click', function() { if( $('form').valid() ) { $('#btnNext').click(); } }); }); 

这样，如果表单无效，表单将不会被发送到服务器，如果禁用JS，则正常的表单按钮/function将恢复。

谢谢你的回复，伙计们。