Question

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

现在，点击这些按钮后，我确实发生了一些回发事件。我尝试运行$（'form'）。validate（{...}）;在pageLoad而不是document.ready上运行，但这只是停止了验证工作。

其中一个按钮的HTML是：

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

任何想法都会有所帮助。感谢。

Answer 1

为什么不只是取消功能？

将按钮更改为

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

然后使用jQuery

添加一个监听器

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

Answer 2

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

$(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();
                  } 
            });

      });

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

感谢回复，伙计们。

JQuery Validate - class =“cancel”提交按钮仅停止验证一次

2 个答案: