幾乎所有的系統都有登陸界面，而用戶的登陸關鍵的三步驟無外乎：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();
}
}
});
}
}
