美文网首页
登陆页面验证处理

登陆页面验证处理

作者: 青色河马 | 来源:发表于2017-07-07 14:01 被阅读0次

    几乎所有的系统都有登陆界面,而用户的登陆关键的三步骤无外乎:cookie的处理,客户端验证,服务器验证。当然这其中还有验证码的处理,页面预加载等等处理,这里就不着重描述了,现在主要说的是客户端与服务器的验证,不废话了,直接上代码。
    客户端验证---主要判断输入框是否为空和正则判断(这里没有正则)

    function check() {
                if ($("#loginname").val() == "") {
              
                    $("#loginname").tips({
                        side : 2,
                        msg : '用户名不得为空',
                        bg : '#AE81FF',
                        time : 3
                    });
    
                    $("#loginname").focus();
                    return false;
                } else {
                    $("#loginname").val(jQuery.trim($('#loginname').val()));
                }
    
                if ($("#password").val() == "") {
    
                    $("#password").tips({
                        side : 2,
                        msg : '密码不得为空',
                        bg : '#AE81FF',
                        time : 3
                    });
    
                    $("#password").focus();
                    return false;
                }
                if ($("#code").val() == "") {
    
                    $("#code").tips({
                        side : 1,
                        msg : '验证码不得为空',
                        bg : '#AE81FF',
                        time : 3
                    });
    
                    $("#code").focus();
                    return false;
                }
    
                $("#loginbox").tips({
                    side : 1,
                    msg : '正在登录 , 请稍后 ...',
                    bg : '#68B500',
                    time : 10
                });
    
                return true;
            }
    

    服务器验证

    function severCheck(){
                if(check()){
                    var loginname = $("#loginname").val();
                    var password = $("#password").val();
                                    var v_code=$("#code").val();
                    var code =loginname+","+password+","+" v_code";
                    $.ajax({
                        type: "POST",
                        url: 'login_login',
                        data: {KEYDATA:code,tm:new Date().getTime()},
                        dataType:'json',
                        cache: false,
                        success: function(data){
                            if("success" == data.result){
                                window.location.href="main/index.html";
                            }else if("usererror" == data.result){
                                $("#loginname").tips({
                                    side : 1,
                                    msg : "用户名或密码有误",
                                    bg : '#FF5080',
                                    time : 15
                                });
                                $("#loginname").focus();
                            }else if("codeerror" == data.result){
                                $("#code").tips({
                                    side : 1,
                                    msg : "验证码输入有误",
                                    bg : '#FF5080',
                                    time : 15
                                });
                                $("#code").focus();
                            }else if("repeatlogin" == data.result){
                                $("#code").tips({
                                    side : 1,
                                    msg : "不允许在同一浏览器重复登陆其账号",
                                    bg : '#FF5080',
                                    time : 15
                                });
                                $("#loginname").focus();
                            }else{
                                $("#loginname").tips({
                                    side : 1,
                                    msg : "缺少参数",
                                    bg : '#FF5080',
                                    time : 15
                                });
                                $("#loginname").focus();
                            }
                        }
                    });
                }
            }
    

    相关文章

      网友评论

          本文标题:登陆页面验证处理

          本文链接:https://www.haomeiwen.com/subject/maelhxtx.html