打开表单提交的引导模式

open a bootstrap modal on form submission

本文关键字：模式 表单提交      更新时间：2023-09-26

我正在进行一个具有引导模式的项目。我只想在表格填写所有字段并按下"完成订阅"按钮时显示我的一个模态。

<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');
});

return false，以防止页面重新加载，或对其接收的事件对象调用preventDefault方法。

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

这假设您正在使用Ajax发布表单。

相关文章：