Javascript 表单提交刷新页面
我有以下代码在我的本地PC和本地发布中运行良好。但当我在另一台PC上发布它作为PC服务器时,下面的代码是在我单击“登录”按钮后刷新页面 我还尝试了以下事件Javascript 表单提交刷新页面,javascript,jquery,Javascript,Jquery,我有以下代码在我的本地PC和本地发布中运行良好。但当我在另一台PC上发布它作为PC服务器时,下面的代码是在我单击“登录”按钮后刷新页面 我还尝试了以下事件e.stopPropagation(),e.stoppimmediatepropagation(),但它会不断刷新页面 JS $("#frmVerification").on('submit', function (e) { e.preventDefault(); var elem = $("#frmVerification"
e.stopPropagation(),e.stoppimmediatepropagation()
,但它会不断刷新页面
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>
登录验证
验证码
提交
您可以试试这个
<form id="frmVerification" onsubmit="return false">
当$(“#frmVerification”)。在('submit'
被执行时,表单可能还不存在于DOM中。javascript是在文档中表单的上方还是下方?请尝试将其包含在$(函数(){…将代码放在此处…})中
在尝试添加提交句柄之前等待文档完全加载,这是jQuery最大的缺点之一……如果选择器无法匹配任何内容,则不是“错误”您的代码非常好。只需尝试另一个浏览器。@MuhammadAftab我在Microsoft Edge中测试。仍然是一样的。为什么要将禁用与提交