提交行动

Question

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

});

Answer 1

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

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

);

Answer 2

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

<button>

OR

<input type='button'>

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