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