登录页面有时按登录会没有反应，怎么解决

Question

做登录界面的时候发现有时候点击登录按钮页面无响应，要重新加载一遍网页证书才能登录，请问这有什么好的解决办法吗？网上有人说网络太差也会出现这样的情况

var validate2 = $("#form2").validate({
                /*自定义验证规则*/
                debug: true,
                rules: {
                    username: {
                        required: true,
                    },
                    password: {
                        required: true,
                    },
                },
                messages: {
                    username: {
                        required: '请输入用户名',
                    },
                    password: {
                        required: '请输入密码',
                    }
                },
                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);
                }
            });

...部分删减 太长了
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'>用户名或密码错误</label>");
                }
            });
        }

Answer 1

用css 写一个pre loader， 这样用户就知道，你的后台再验证你的登陆信息，他需要等待，而不是看起来没有反应。 这个是个library

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

Answer 2

你这项目是PC端还是App?如果是App，我倒是踩过这种坑，知道怎么解决？如果是PC端的，那我也不清楚了。没写过pc端的页面。

Answer 3

证书没信任？