0

フォームを検証するために、ブートストラップとブートストラップバリデーターで少し遊んでいます。すべて正常に動作しますが、メッセージが正常に送信された (または success.html ページにリダイレクトされた) というアラートを表示させたいと考えています。例として、html コードを次に示します。

HTML:

<form id="order">
  <input type="text" name="name"/><br>
  <input type="text" name="email"/><br>
  <textarea name="comment"></textarea><br>
  <button type="submit" name="send" id="send">Send</button>
  <div class="alert alert-success" id="asked">
  <strong>Success!</strong> Indicates a successful or positive action.
</div>
</form>

検証 jquery コードのスニペットを次に示します。

Jクエリ:

      $(document).ready(function() {
        var validator = $('#order').bootstrapValidator({
            fields: {
                email : {
                    message : "Please insert Email", 
                    validators : {
                        notEmpty : {
                            message : "Insert a valid email address"
                        },
                        stringLength : {
                            min : 6,
                            max: 35,
                        }
                    }
                }
            }
    });
});

また、ボタンがクリックされた後にアラートを非表示にして表示することもできました。

Jクエリ:

$(document).ready(function(){
$("#asked").hide();
});

$('#send').click(function() {
$.post('php/text.php', $('form#order').serialize());
$("#asked").show();
});

検証のすべてが緑色の場合、アラートを表示させたいと思います。$.post メソッドでさえ、検証が成功した後にのみ機能しました。アラートメッセージで同じことを達成するにはどうすればよいですか? 前もって感謝します！

4

1 に答える 1

0

「 onSuccess 関数」を使用する必要があります。

ここで確認できます: Bootstrap Validator - 検証成功時のアラート

于 2016-09-02T11:15:31.083 に答える