在表單提交時打開引導程序模式

Question

我正在使用引導模態進行項目。 我只想在表單填寫所有字段並按“完成訂閱”按鈕時顯示我的模式之一。

<form id="my_form">
    <input type="text" name="fname" placeholder="First Name" required>
    <input type="text" name="lname" placeholder="Last name" required>
    <input type="text" name="company" placeholder="Company">
    <input type="text" name="email" placeholder="E-mail" required>

    <input class="pull-right" type="submit" name="submit" value="Complete Subscription">
</form>

我已經嘗試過此代碼。 但它不起作用。

$('#my_form').submit(function () {
    $('#wellcome-modal').modal('show');
});

Answer 1

從匿名函數return false ，以防止重新加載頁面，或者在接收到的事件對象上調用preventDefault方法。

$('#my_form').submit(function (e) {
    e.preventDefault();
    $('#wellcome-modal').modal('show');
});

假設您正在使用Ajax發布表單。