提交操作

Question

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

之后执行我的 initiate 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()

});

Answer 1

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

<button>

OR

<input type='button'>

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

Answer 2

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

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

);

提交操作

Action on submit

javascript

jquery

modal-dialog

document-ready