概述
<
form
action
=
""
method
=
"post"
name
=
"loginForm"
id
=
"loginForm"
>
<
div
class
=
"control-group normal_text"
>
<
h3
>
<
a
href
=
"index.do"
><
img
src
=
"static/login/logo.png"
alt
=
"Logo"
/></
a
>
</
h3
>
</
div
>
<
div
class
=
"control-group"
>
<
div
class
=
"controls"
>
<
div
class
=
"main_input_box"
>
<
span
class
=
"add-on bg_lg"
>
<
i
><
img
height
=
"37"
src
=
"static/login/user.png"
/></
i
>
</
span
><
input
type
=
"text"
name
=
"loginname"
id
=
"loginname"
value
=
""
placeholder
=
"请输入用户名"
/>
</
div
>
</
div
>
</
div
>
<
div
class
=
"control-group"
>
<
div
class
=
"controls"
>
<
div
class
=
"main_input_box"
>
<
span
class
=
"add-on bg_ly"
>
<
i
><
img
height
=
"37"
src
=
"static/login/suo.png"
/></
i
>
</
span
><
input
type
=
"password"
name
=
"password"
id
=
"password"
placeholder
=
"请输入密码"
value
=
""
/>
</
div
>
</
div
>
</
div
>
<
div
style
="
float
:
right
;
padding-right
:
10%
;"
>
<
div
style
="
float
:
left
;
margin-top
:
3px
;
margin-right
:
2px
;"
>
<
font
color
=
"white"
>
记住密码
</
font
>
</
div
>
<
div
style
="
float
:
left
;"
>
<
input
name
=
"form-field-checkbox"
id
=
"saveid"
type
=
"checkbox"
onclick
=
"savePaw();"
style
="
padding-top
:
0px
;"
/>
</
div
>
</
div
>
<
div
class
=
"form-actions"
>
<
div
style
="
width
:
86%
;
padding-left
:
8%
;"
>
<
div
style
="
float
:
left
;"
>
<
i
><
img
src
=
"static/login/yan.png"
/></
i
>
</
div
>
<
div
style
="
float
:
left
;"
class
=
"codediv"
>
<
input
type
=
"text"
name
=
"code"
id
=
"code"
class
=
"login_code"
style
="
height
:
16px
;
padding-top
:
0px
;"
/>
</
div
>
<
div
style
="
float
:
left
;"
>
<
i
><
img
style
="
height
:
22px
;"
id
=
"codeImg"
alt
=
"点击更换"
title
=
"点击更换"
src
=
""
/></
i
>
</
div
>
<
span
class
=
"pull-right"
style
="
padding-right
:
3%
;"
><
a
href
=
"javascript:quxiao();"
class
=
"btn btn-success"
>
取消
</
a
></
span
>
<
span
class
=
"pull-right"
><
a
onclick
=
"severCheck();"
class
=
"flip-link btn btn-info"
id
=
"to-recover"
>
登录
</
a
></
span
>
</
div
>
</
div
>
</
form
>
<
script
type
=
"text/javascript"
>
//服务器校验
function
severCheck(){
if
(check()){
var
loginname = $(
"#loginname"
).val();
var
password = $(
"#password"
).val();
var
code = {
"nickName"
:loginname,
"passWord"
:password,
"verifyCode"
:$(
"#code"
).val()};
var
jsonuserinfo = JSON.stringify(code);
jQuery.ajax({
async:
false
,
contentType:
"application/json"
,
url:
"loginCheck.do"
,
type:
"POST"
,
data: jsonuserinfo,
dataType:
'json'
,
cache:
false
,
success:
function
(data){
if
(data.Status==
"NotHaveUser"
){
alert(
"用户不存在"
);
}
else
if
(data.Status==
"PasswordError"
){
alert(
"密码错误"
);
}
else
if
(data.Status==
"verifyCodeError"
){
alert(
"验证码错误"
);
}
else
if
(data.Status==
"Success"
){
saveCookie();
location.href=
"main.do?url=tab.do"
}
},
error:
function
(data){
alert(
"error:"
+JSON.stringify(data));
}
});
}
}
//客户端校验
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
;
}
<
script
type
=
"text/javascript"
>
//服务器校验
function
severCheck(){
if
(check()){
var
loginname = $(
"#loginname"
).val();
var
password = $(
"#password"
).val();
var
code = {
"nickName"
:loginname,
"passWord"
:password,
"verifyCode"
:$(
"#code"
).val()};
var
jsonuserinfo = JSON.stringify(code);
jQuery.ajax({
async:
false
,
contentType:
"application/json"
,
url:
"loginCheck.do"
,
type:
"POST"
,
data: jsonuserinfo,
dataType:
'json'
,
cache:
false
,
success:
function
(data){
if
(data.Status==
"NotHaveUser"
){
alert(
"用户不存在"
);
}
else
if
(data.Status==
"PasswordError"
){
alert(
"密码错误"
);
}
else
if
(data.Status==
"verifyCodeError"
){
alert(
"验证码错误"
);
}
else
if
(data.Status==
"Success"
){
saveCookie();
location.href=
"main.do?url=tab.do"
}
},
error:
function
(data){
alert(
"error:"
+JSON.stringify(data));
}
});
}
}
$(document).ready(
function
() {
changeCode();
$(
"#codeImg"
).bind(
"click"
, changeCode);
});
$(document).keyup(
function
(event) {
if
(event.keyCode == 13) {
$(
"#to-recover"
).trigger(
"click"
);
}
});
function
genTimestamp() {
var
time =
new
Date();
return
time.getTime();
}
function
saveCookie() {
if
($(
"#saveid"
).attr(
"checked"
)) {
$.cookie(
'loginname'
, $(
"#loginname"
).val(), {
expires : 7
});
$.cookie(
'password'
, $(
"#password"
).val(), {
expires : 7
});
}
}
function
changeCode() {
$(
"#codeImg"
).attr(
"src"
,
"getVerifyCode.do?t="
+ genTimestamp());
}
//客户端校验
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
savePaw() {
if
(!$(
"#saveid"
).attr(
"checked"
)) {
$.cookie(
'loginname'
,
''
, {
expires : -1
});
$.cookie(
'password'
,
''
, {
expires : -1
});
$(
"#loginname"
).val(
''
);
$(
"#password"
).val(
''
);
}
}
function
saveCookie() {
if
($(
"#saveid"
).attr(
"checked"
)) {
$.cookie(
'loginname'
, $(
"#loginname"
).val(), {
expires : 7
});
$.cookie(
'password'
, $(
"#password"
).val(), {
expires : 7
});
}
}
function
quxiao() {
$(
"#loginname"
).val(
''
);
$(
"#password"
).val(
''
);
}
jQuery(
function
() {
var
loginname = $.cookie(
'loginname'
);
var
password = $.cookie(
'password'
);
if
(
typeof
(loginname) !=
"undefined"
&&
typeof
(password) !=
"undefined"
) {
$(
"#loginname"
).val(loginname);
$(
"#password"
).val(password);
$(
"#saveid"
).attr(
"checked"
,
true
);
$(
"#code"
).focus();
}
});
</
script
>
最后
以上就是爱撒娇小白菜为你收集整理的登陆界面json方法 ajax请求，时间戳验证码、cookie记住密码、登陆判断的全部内容，希望文章能够帮你解决登陆界面json方法 ajax请求，时间戳验证码、cookie记住密码、登陆判断所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复