我正在嘗試創建一個登錄頁面。我制作了一個在頁面加載時淡出的加載螢屏。
$(window).on("load",function(){
setTimeout(function() {
$(".loading").fadeOut("slow", function(){
$(".container").fadeIn("slow").css("display", "flex");
});
}, 500);
});
當您提交表單并且頁面重繪 時，問題就出現了，因為加載螢屏再次出現。有什么解決辦法嗎？
uj5u.com熱心網友回復：
您可以阻止表單提交
$("#prospects_form").submit(function(e) {
e.preventDefault();
})
沒有 jQuery：
var form = document.getElementById("myForm");
function handleForm(event) { event.preventDefault(); }
form.addEventListener('submit', handleForm);
uj5u.com熱心網友回復：
1- 您可以使用 Ajax 將表單發送到服務器。
2-或者做這樣的事情：
// add an item to session before form submitting.
$(document).on('submit', function (e) {
e.preventDefault()
sessionStorage.setItem('notLoad', '1')
$('form').submit() // add any attr to form idetifier.
})
$(window).on('load', function () {
// check the session to know if the page loaded from form submitting or not:
if (sessionStorage.getItem('notLoad') !== '1') {
sessionStorage.removeItem('notLoad');
setTimeout(function () {
$('.loading').fadeOut('slow', function () {
$('.container').fadeIn('slow').css('display', 'flex')
})
}, 500)
}
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/311227.html
標籤：javascript php html 查询 形式
上一篇：表格寬度縮小
下一篇：我想為這個代碼塊添加數字限制