0

我正在使用一个很棒的插件在前端验证我的表单：http: //docs.jquery.com/Plugins/Validation。问题是表单有两个按钮（返回和提交）。由于插件，我可以绕过使用 css 类取消验证表单的后退按钮；但其他 js 仍然触发（动画 gif，禁用提交按钮，以及提交的不透明度更改）。该死。

我尝试将整个内容包装在 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();
    }
})
4

2 回答 2

0

我走了一条不同的路线，虽然工作得很好，但有点丑陋和骇人听闻。

$(".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();
        }
    }
});
于 2012-08-23T02:30:21.957 回答
0

尝试将所有内容都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();
  }
});

这个想法是仅在验证成功并且实际提交表单时才将表单突出显示为非活动状态。

于 2012-07-20T21:04:44.880 回答