javascript - 提交操作

标签 javascript jquery modal-dialog document-ready

我有关于提交行为的初学者问题。每次我按下提交时,我的 loginModal 都会重新出现,这是预期的行为吗?就像 ready() 函数再次被触发一样。我希望在提交后执行我的启动 App() 函数

这是我的部分代码:

//Show loginModal on page ready
    $(document).ready(function(){
        $('#loginModal').modal('show');
    });

//loginModal submit
<div class="modal-footer">
<button type="submit" class="btn btn-danger btn-default pull-left" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Cancel</button>`enter code here`
</div>

//When submit button is clicked 
$('#loginModal').submit(function() {}
    initiateApp()

});

最佳答案

您需要阻止提交按钮的默认行为,即刷新页面。使用 event.preventDefault()

$('#loginModal').submit(function(event) {
        event.preventDefault();
        initiateApp()
    }

);

关于javascript - 提交操作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40109907/

相关文章:

javascript - 垂直固定表头

javascript - 如何创建悬停指令

JavaScript 在点击时添加和删除类函数

javascript - 我的 socket.io 客户端出现 io not defined 错误

javascript - 关闭对话框时出现确认窗口的问题?

javascript - 重复的 Mongo 文档在保存回调函数中没有 _id

jquery - 在 wordpress 中添加自定义帖子类型

jquery - 与 jQuery 比较不区分大小写?

javascript - 对话框隐藏后折叠传播不会消失

javascript - 单击覆盖层时关闭 jQuery UI 对话框