Jquery Form submit mit bootstrap modal Bestätigung

Ihre Frage ist unklar;

, wenn ich das Formular abschicken möchte ich modalen bestätigen Sie das Formular Absenden.

Wenn Sie zeigen möchten, modal, nachdem Sie die form Einreichen, dann müssen Sie senden Sie das Formular mit Ajax-sonst sobald das Formular eingereicht, nach der Validierung gibt es keine Möglichkeit, ein modales Fenster aber wenn Sie suchen, um den modal nach Formular-Validierung, aber vor dem senden des Formulars, folgende Lösung funktionieren wird.

Dies ist, wie Sie zeigen können, Bestätigung BS-Modal-nach Validierung der Formularfelder und Absenden form von der Bestätigung BS-Modal. Die benötigten libraries werden

• Bootstrap
• jQuery Form Validierung

HTML-Formular

<form action="" id="dischargeform" method="post" name="" class="">
        <p>
            <label for="firstname">Firstname</label>
            <input id="firstname" name="firstname" type="text" class="form-control">
        </p>
        <p>
            <label for="lastname">Lastname</label>
            <input id="lastname" name="lastname" type="text" class="form-control">
        </p>
        <p>
            <input class="btn btn-primary" type="submit" value="Submit">
        </p>
    </fieldset>
</form>

Bootstrap Modal

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                 <h3 id="myModalLabel3">Confirmation Heading</h3>

            </div>
            <div class="modal-body">
                <p>Are You Sure You want To submit The Form</p>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Close This Modal</button>
                <button class="btn-primary btn" id="SubForm">Confirm and Submit The Form</button>
            </div>
        </div>
    </div>
</div>

jQuery Validierung

Ja, Sie haben, um den modal innerhalb submit-handler.

$("#dischargeform").validate({
    rules: {
        firstname: "required",
        lastname: "required",
    },
    messages: {
        firstname: "Please enter your firstname",
        lastname: "Please enter your lastname",
    },
    submitHandler: function (form) {
        $("#myModal").modal('show');
        $('#SubForm').click(function () {
            form.submit();
       });
    }
});

Beispiel