鍍金池/ 問(wèn)答/HTML/ 登錄頁(yè)面有時(shí)按登錄會(huì)沒(méi)有反應(yīng),怎么解決

登錄頁(yè)面有時(shí)按登錄會(huì)沒(méi)有反應(yīng),怎么解決

做登錄界面的時(shí)候發(fā)現(xiàn)有時(shí)候點(diǎn)擊登錄按鈕頁(yè)面無(wú)響應(yīng),要重新加載一遍網(wǎng)頁(yè)證書(shū)才能登錄,請(qǐng)問(wèn)這有什么好的解決辦法嗎?網(wǎng)上有人說(shuō)網(wǎng)絡(luò)太差也會(huì)出現(xiàn)這樣的情況

var validate2 = $("#form2").validate({
                /*自定義驗(yàn)證規(guī)則*/
                debug: true,
                rules: {
                    username: {
                        required: true,
                    },
                    password: {
                        required: true,
                    },
                },
                messages: {
                    username: {
                        required: '請(qǐng)輸入用戶名',
                    },
                    password: {
                        required: '請(qǐng)輸入密碼',
                    }
                },
                errorPlacement: function (error, element) {
                    error.appendTo(element.parent().next());
                },
                submitHandler: function (form) {
                    var userName = $("[name|='username']").val();
                    var passWord = $("[name|='password']").val();                    
                     loginByUserName(userName, passWord);
                }
            });

...部分刪減 太長(zhǎng)了
function loginByUserName(userName, passWord) {
            loginMagByUserName.param.userNameOrPhone = userName;
            loginMagByUserName.param.password = passWord;
            $.postJSON("LoginByPassword", loginMagByUserName, function (ajaxData) {
                if (ajaxData.head.code === "C2000") {
                    localStorage.token = ajaxData.head.token;
                    location.href="main.html"
                } else {
                    $("#error2").append("<label class='error'>用戶名或密碼錯(cuò)誤</label>");
                }
            });
        }
回答
編輯回答
六扇門(mén)

你這項(xiàng)目是PC端還是App?如果是App,我倒是踩過(guò)這種坑,知道怎么解決?如果是PC端的,那我也不清楚了。沒(méi)寫(xiě)過(guò)pc端的頁(yè)面。

2018年6月25日 15:27
編輯回答
我甘愿

用css 寫(xiě)一個(gè)pre loader, 這樣用戶就知道,你的后臺(tái)再驗(yàn)證你的登陸信息,他需要等待,而不是看起來(lái)沒(méi)有反應(yīng)。 這個(gè)是個(gè)library

http://materializecss.com/pre...

2018年1月1日 19:40
編輯回答
憶往昔

證書(shū)沒(méi)信任?

2017年6月1日 21:56