0

フロントエンドでフォームを検証するために素晴らしいプラグインを使用しています：http：//docs.jquery.com/Plugins/Validation。問題は、フォームに2つのボタン（戻ると送信）があることです。プラグインのおかげで、cssクラスcancelを使用してフォームを検証することから戻るボタンをバイパスすることができます。ただし、他の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

form.submit();'success'コールバック以外のすべてを入れてみてください。

$(".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 に答える
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 に答える