登陆页面验证处理

几乎所有的系统都有登陆界面,而用户的登陆关键的三步骤无外乎: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();
                        }
                    }
                });
            }
        }

你可能感兴趣的:(登陆页面验证处理)