0

フォームを送信すると、エラーまたは成功メッセージが表示されます。モーダルを閉じて、もう一度クリックして開いても、メッセージは残っています。どうすればクリアできますか？

$("#JqAjaxForm").submit(function(e){                
        e.preventDefault();

        dataString = $("#JqAjaxForm").serialize();

        $.ajax({
            type: "POST",
            url: "update.php",
            data: dataString,
            dataType: "json",
            success: function(data) {
            //clearForm("#JqAjaxForm");

                if(data.email_check == "invalid"){ 
                    $("#message_ajax").html("<p class='alert alert-error'>Sorry " + data.name + ", " + data.email + " is NOT a valid e-mail address. Try again.</p>");
                } else {                        
                    $("#message_ajax").html("<p class='alert alert-success'>" + data.newpasswd + " is a valid e-mail address. Thank you, " + data.name + ".</p>"); 
                }     
            }                
        });                 
});


$('#chg_settings').modal({
  backdrop: 'static',
  keyboard: true,
  show: false
});

そして、モーダルを次のように呼び出します

<a data-toggle="modal" href="#chg_settings">Settings</a>

メッセージ部はこちら

<div id="message_ajax"></div>
4

1 に答える 1

2

hiddenこのようなイベントを登録できます

$('#chg_settings').on('hidden', function () {
  $("#message_ajax").html('');
})

このイベントは、モーダルがユーザーから非表示にされたときに発生します (css トランジションが完了するのを待ちます)。

于 2012-07-28T15:03:10.270 に答える