<script type=
"text/javascript"
>
$(
function
() {
GetStyle();
GetPassword();
GetEmail();
function
GetStyle() {
$(
"input.td"
).focus(
function
() {
$(this).css(
"border"
,
"2px #00ccff solid"
);
var
span =
"<td class='span'><span>请输入密码</span></td>"
;
$(this).parent().parent().find(
"td.td2"
).after(span);
$(this).parent().parent().find(
"td.spanPwd2"
).remove();
$(this).parent().parent().find(
"td.spanPwd3"
).remove();
$(this).parent().parent().find(
"td.spanPwd4"
).remove();
$(this).parent().parent().find(
"td.spanPwd5"
).remove();
$(this).css(
"border"
,
"2px #00ccff solid"
);
var
spanEmail =
"<td class='span'><span>请输入正确邮箱地址</span></td>"
;
$(this).parent().parent().find(
"td.td3"
).after(spanEmail);
$(this).parent().parent().find(
"td.spanPwd6"
).remove();
$(this).parent().parent().find(
"td.spanPwd5"
).remove();
$(this).css(
"border"
,
"2px #00ccff solid"
);
var
spanEmail =
"<td class='span'><span>请输入正确用户名</span></td>"
;
$(this).parent().parent().find(
"td.td1"
).after(spanEmail);
$(this).parent().parent().find(
"td.spanPwd6"
).remove();
$(this).parent().parent().find(
"td.spanPwd5"
).remove();
})
}
function
GetPassword() {
$(
"input.td"
).blur(
function
() {
if
($(this).val() ==
""
) {
$(this).css(
"border"
,
"2px red solid"
);
$(this).parent().parent().find(
"td.span"
).remove();
var
span =
"<td class='spanPwd2'><span>密码不能为空!</span></td>"
;
$(this).parent().parent().find(
"td.td2"
).after(span);
return
false;
}
else
if
($(this).val().length < 6 || $(this).val().length > 12) {
$(this).css(
"border"
,
"2px red solid"
);
$(this).parent().parent().find(
"td.span"
).remove();
var
span =
"<td class='spanPwd3'><span>密码长度必须为6位到12位之间!</span></td>"
;
$(this).parent().parent().find(
"td.td2"
).after(span);
return
false;
}
else
if
(isNaN($(this).val()) == true) {
$(this).css(
"border"
,
"2px red solid"
);
$(this).parent().parent().find(
"td.span"
).remove();
var
span =
"<td class='spanPwd4'><span>密码必须为数字!</span></td>"
;
$(this).parent().parent().find(
"td.td2"
).after(span);
return
false;
}
else
{
$(this).css(
"border"
,
"2px #cccccc solid"
);
$(this).parent().parent().find(
"td.span"
).remove();
var
span =
"<td class='spanPwd5'><span>密码格式通过!</span></td>"
;
$(this).parent().parent().find(
"td.td2"
).after(span);
return
true;
}
});
}
function
GetEmail() {
$(
".td3 input"
).blur(
function
() {
var
patten =
new
RegExp(/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]+$/);
if
($(
".td3 input"
).val() ==
""
) {
$(this).css(
"border"
,
"2px red solid"
);
$(this).parent().parent().find(
"td.span"
).remove();
var
spanxEmail =
"<td class='spanPwd6'><span>邮箱不能为空!</span></td>"
;
$(this).parent().parent().find(
"td.td3"
).after(spanxEmail);
return
false;
}
else
if
(patten.test($(
".td3 input"
).val()) == false) {
$(this).css(
"border"
,
"2px red solid"
);
$(this).parent().parent().find(
"td.span"
).remove();
var
span =
"<td class='spanPwd4'><span>邮箱格式不正确,请重新填写 !</span></td>"
;
$(this).parent().parent().find(
"td.td3"
).after(span);
return
false;
}
else
{
$(this).css(
"border"
,
"2px #cccccc solid"
);
$(this).parent().parent().find(
"td.span"
).remove();
var
spanEmail =
"<td class='spanPwd5'><span>邮箱格式通过!</span></td>"
;
$(this).parent().parent().find(
"td.td3"
).after(spanEmail);
return
true;
}
});
}
function
GetUserName() {
$(
".td1 input"
).blur(
function
() {
if
($(this).val ==
""
) {
$(this).css(
"border"
,
"2px red solid"
);
$(this).parent().parent().find(
"td.span"
).remove();
var
span =
"<td class='spanPwd6'><span>用户名邮箱不能为空!</span></td>"
;
$(this).parent().parent().find(
"td.td1"
).after(span);
return
false;
}
else
if
($(this).length < 4 || $(this).length > 20) {
$(this).css(
"border"
,
"2px red solid"
);
$(this).parent().parent().find(
"td.span"
).remove();
var
spanxEmail =
"<td class='spanPwd6'><span>用户名格式不对,只能输入4-20字符!</span></td>"
;
$(this).parent().parent().find(
"td.td1"
).after(spanxEmail);
return
false;
}
else
{
$(this).css(
"border"
,
"2px #cccccc solid"
);
$(this).parent().parent().find(
"td.span"
).remove();
var
spanUserName =
"<td class='spanPwd5'><span>用户名格式通过!</span></td>"
;
$(this).parent().parent().find(
"td.td3"
).after(spanUserName);
return
true;
}
});
}
$(
"tr td input.btton1"
).click(
function
() {
if
(GetUserName() && GetEmail() && GetPassword()) {
var
userName = $(
"td.td1 input"
).val();
var
userPwd = $(
"td.td2 input"
).val();
var
userRepass = $(
"td.td3 input"
).val();
var
email = $(
"td.td4 input"
).val();
GetAjax(userName, userPwd, userRepass, email);
}
});
function
GetAjax(userName, userPwd, userRepass, email) {
var
json = [{
"userName"
: userName,
"userPwd"
: userPwd,
"userRepass"
: userRepass,
"email"
: email}];
$.post(
"ProcessResult.aspx?jon="
+ json,
function
(data) {
if
(data ==
"false"
) {
alert(
"用户名重复了,请重新输入!"
);
}
else
if
(data ==
"ok"
) {
alert(
"注册成功!"
);
}
else
{
alert(
"对不起,你的输入有误,请检查输入"
);
}
})
}
});
</script>