Question

我正在使用bootstrap模式开发一个项目。我想要的是在表单填写所有字段并按“完成订阅”按钮时显示我的模态之一。

<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发布表单。

在表单提交上打开一个bootstrap模式

1 个答案: