表单提交刷新页面

Question

我下面的代码在我的本地PC和本地发布中工作正常。但是当我将其作为PC服务器代码发布在另一台PC上时，下面的代码是在单击按钮登录后刷新页面。

我还尝试了以下事件e.stopPropagation(), e.stopimmediatepropagation()但它不断刷新页面。

.JS

$("#frmVerification").on('submit', function (e) {
e.preventDefault();
var elem = $("#frmVerification");
elem.find('.loading').removeClass('hidden');
$.ajax({
url: '../Account/Verify',
data: $(this).serialize(),
type: 'get',
success: function (res) {
console.log(res);
if (res.success) {
setTimeout(function () {
window.location.replace(res.url);
}, 1000);
} 
elem.find('.loading').addClass('hidden');
}
});
})

.HTML

<form id="frmVerification">
<div class="card-header bg-success-origin">
<div class="card-title">
<label>Login Verification</label>
</div>
</div>
<div class="card-body">
<div class="row">
<div class="col-lg-8">
<label>Verification Code</label>
<div class="input-group input-group-sm">
<input type="text" class="form-control text-uppercase font-weight-bold" name="VerificationCode" placeholder="ENTER VERIFICATION CODE" disabled />
<span class="input-group-btn">
<button type="button" id="btnResendEmail" class="btn btn-flat rounded-right" disabled><i class="fa fa-refresh"></i></button>
</span>
</div>
</div>
<div class="pr-lg-4 pl-lg-4 col-lg-4 mt-4 text-lg-right text-center">
<button type="submit" class="form-control btn btn-success" disabled>Submit<i class="fa fa-refresh loading hidden"></i></button>
</div>
</div>
<div class="text-danger hidden" style="margin-top: 5px; margin-bottom:-20px;background: #94040b26">
<ul id="divVerificationAlert"></ul>
</div>
</div>
</form>

Answer 1

你可以试试这个。

<form id="frmVerification" onsubmit="return false">