提交操作答案

【问题标题】：Action on submit提交操作
【发布时间】：2016-10-18 13:40:37
【问题描述】：

我有关于提交行为的初学者问题。每次我按提交时，我的 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()

});

【问题讨论】：

标签： javascript jquery modal-dialog document-ready

【解决方案1】：

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

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

);

【讨论】：

很高兴为您提供帮助:)

【解决方案2】：

由于您选择使用提交的输入类型，一旦您单击按钮，它将触发自动回发到我的知识并刷新页面。尝试使用：

<button>

OR

<input type='button'>

这将阻止页面刷新。试一试！

【讨论】：