1

フォームがあり、フィールドの検証とフォーム送信に .validate メソッドを使用しています。送信時に Bootstrap Modal Window を表示したい。これを達成するのを手伝ってもらえますか？コードは次のとおりです。

<form action="" method="post" id="registration" novalidate="novalidate" enctype="plain/text">

...

</form>

<div class="modal hide" id="myModal" data-backdrop="false">  
     <div class="modal-dialog">
        <div class="modal-content">      
          <div class="modal-body">

             ... Modal Window Content.. 

          </div>          
        </div>      
      </div>
</div>

$("#registration").validate({

        rules: {
            .....
        },

        messages: {
            ......
        },

        submitHandler: function(form){
            //alert("Thank you for registration..!");           
            form.submit();
        }

    });
4

1 に答える 1

2

非同期リクエストでフォームを送信する必要があり、成功するとモーダルが表示されます。例えば

$("#registration").validate({

    rules: {
        .....
    },

    messages: {
        ......
    },

    submitHandler: function(form){
        $.ajax({
            url: $(form).action,
            method: $(form).method,
            data: $(form).serialize(),
            success: function() {
               $("#myModal").modal("show");
            }
        })
    }

});
于 2015-06-23T06:56:28.693 に答える