JQuery验证-class="；取消“；提交按钮仅停止验证一次

我有一个带有按钮的表单，我不知道该提交什么表单，但它们（必须）是提交按钮。 我给了他们“cancel”类，第一次点击他们就取消了提交。达到了预期的效果。但是，随后的任何单击都会恢复正常；提交表格。这是我不想要的

现在，点击这些按钮，我确实有一些回帖发生。我尝试运行$（'form'）.validate（{…}）；函数，而不是document.ready，但这完全停止了验证工作

其中一个按钮的HTML为：

<input type="submit" class="btncat_deselected cancel" 
id="Pet3btncat" value="" name="Pet3btncat" />

---

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

为什么不使用取消功能呢

把你的按钮改成

 <input type="button" class="btncat_deselected cancel"  id="Pet3btncat" value="Cancel" />

---

好的，使用DA的评论；最后，我告诉表单不要在提交时进行验证（onSubmit:false），然后创建了一个函数来隐藏实际的提交按钮，并有一个图像（或者可能是一个普通按钮）来在验证为true时提交表单：

$(function() {

        $('#Petform #btnNext').hide();
        $('#Petform #NextWrapper').append('<img src="../images/next.gif" alt="submit this form" style="cursor:pointer;" />')
        $('#Petform #NextWrapper img').live('click', function() { 
                  if( $('form').valid() ) {
                        $('#btnNext').click();
                  } 
            });

      });

$（函数（）{
$（'#Petform#btnNext'）.hide（）；
$（“#Petform#NextWrapper”）。追加（“”）
$（“#Petform#NextWrapper img”）.live（'click'，function（）{
if（$（'form'）.valid（）{
$（'btnNext'）。单击（）；
} 
});
});

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

感谢各位的回复。

我建议您拨打$（'form'）。在您想要触发验证的按钮上进行验证。

$(function() {

        $('#Petform #btnNext').hide();
        $('#Petform #NextWrapper').append('<img src="../images/next.gif" alt="submit this form" style="cursor:pointer;" />')
        $('#Petform #NextWrapper img').live('click', function() { 
                  if( $('form').valid() ) {
                        $('#btnNext').click();
                  } 
            });

      });