Javascript Jquery验证插件两个按钮

我正在使用一个很棒的插件在前端验证我的表单：。问题是表单有两个按钮（返回和提交）。多亏了这个插件，我可以通过css类cancel绕过back按钮来验证表单；但另一个js仍然会触发（动画gif、禁用submit按钮以及将不透明度更改为submit）。该死

我试着将整个东西包装在submitbtn的点击功能中，这样后退按钮就不会和它有任何关系了，这是行不通的。我还试着在点击功能中只添加后退按钮，以反转样式效果，但没有成功

我寻求更聪明的男人或女人的建议，谢谢

$(".simple_form").validate({
    submitHandler: function(form) {
        $(".submitbtn").addClass("opacitychangeonsubmit"); // change submit button opacity
        $(".submitbtn").attr("disabled", true);// disable the submit btn
        $('#loading_image').show(); // show animated gif
        form.submit();
    }
})

---

试着把所有的东西都放进去，但

form.submit（）

$(".simple_form").validate({
  success: function() {
    $(".submitbtn").addClass("opacitychangeonsubmit"); // change submit button opacity
    $(".submitbtn").attr("disabled", true);// disable the submit btn
    $('#loading_image').show(); // show animated gif
  },
  submitHandler: function(form) {
    form.submit();
  }
});

我们的想法是，只有在验证成功并且表单实际提交的情况下，才将表单点亮为非活动状态。
我采用了另一种方式，这有点难看和粗糙，尽管工作正常

$(".simple_form").validate({
    submitHandler: function(form) {

        if ((form.elements.item(10).value) == "Back") {
            form.submit();
        } else {
            $(".submitbtn").addClass("opacitychangeonsubmit"); // change submit button opacity
            $(".submitbtn").attr("disabled", true);// disable the submit btn
            $('#loading_image').show(); // show animated gif
            form.submit();
        }
    }
});

几乎可以，但即使表单没有验证，动画gif现在也会触发，因此在修复错误时仍会继续。提前感谢您的帮助。请确保没有剩余的绑定，一些
单击
，例如，它显示加载程序映像它从$（“#加载_映像”）触发的内容。show（）//我可以在代码开头检查按钮是否返回类并返回false吗？我可以在之前检查某个地方的类返回并返回false吗？您可以将“返回”按钮更改为
type='button'
而不是
type='submit'
？@AndrewWhitaker谢谢您的建议，不幸获胜；在这种情况下不起作用：-(