<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>testtd</title>
<meta name="Keywords" content="test"/>
<meta name="Description" content="test"/>
<link rel="stylesheet" href="http://pcss1.4008000000.com/app_css/4008000000/v20/base.css"/>
<script type="text/javascript" src="http://pscript1.4008000000.com/app_js/paui/1.0.1/build/pa.ui.min.js"></script>
<style>
body{min-width: 1060px;font-family: "微软雅黑";}
a:hover{text-decoration: none}
.wide{width: 1000px; margin: 0 auto;}
.login-module{width: 100%; background-color: #f4f4f4; margin: 24px 0}
.login-module .login{padding: 50px 0; }
.login-module .login-left{width: 580px; padding-left: 40px;border-right: 1px solid #dfdfdf;}
.login-module .login-left h1 {font-size: 30px;height: 40px;line-height: 40px;font-weight: 500;padding-bottom: 40px;}
.login-module .login-left ul li{height: 42px; line-height: 42px; vertical-align: middle; padding: 5px 0; font-size: 14px;}
.login-module .login-left ul li label{height: 42px; line-height: 40px; vertical-align: middle;display: inline-block;}
.login-module .login-left ul li .check-code-txt{letter-spacing: 1px;}
.login-module .login-left ul li input {height: 18px;line-height: 18px;width: 260px;border: 1px solid #e9e9e9;background: #fff;padding: 10px 15px;font-size: 14px;color: #999;}
.login-module .login-left ul li .check-code{ width: 150px;}
.login-module .login-left ul li.forget-li{height: 20px;line-height: 18px;}
.login-module .login-left ul li .forget-pwd{padding-left: 180px;}
.login-module .login-left ul li .forget-pwd a{color: #06c; font-size: 12px;}
.login-module .login-left ul li .forget-pwd a:hover{text-decoration: underline;}
.login-module .login-left .login-btn-box{padding-top: 24px;padding-left: 72px;}
.button {padding: 5px 10px;background: #ec2828;color: #fff;font-size: 28px;text-align: center;width: 200px;height: 50px;border: none;line-height: 30px;vertical-align: middle;font-family: "微软雅黑";border-radius: 2px; cursor: pointer;}
.button:hover{background: #fd3939;}
.login-module .login-right{width: 300px; padding:80px 0px 0 50px;;}
.login-module .login-right h2 {height: 50px;line-height: 50px;font-size: 25px;font-weight: 500;}
.login-module .login-right a.goto-reg{height: 50px;width: 200px;text-align: center;color: #fff;line-height: 50px;background: #ec2828;font-size: 25px;display: block;font-weight: 500;border-radius: 2px; margin-top: 15px;}
.login-module .login-right a.goto-reg:hover{background: #fd3939;}
/**/
.note-els p{display: inline-block;color:#838383; font-size:13px; line-height: 18px; vertical-align: middle; width: 170px; padding-left:22px; margin-left: 12px;}
.note-icon-a{background:url(static/img/reg/mem_4.gif) no-repeat left center; }
.note-icon-b{background:url(static/img/reg/mem_5.gif) no-repeat left center; }
.note-icon-c{background:url(static/img/reg/mem_6.gif) no-repeat left center; }
</style>
</head>
<body>
<div class="login-module">
<div class="wide c login">
<form id="regform" method="post" action="saveuser.asp" οnsubmit="return checkreg()">
<div class="fl note-els login-left">
<h1></h1>
<ul>
<li><label>会员账号：</label><input type="text" id="username" name="username" placeholder="手机号/邮箱/用户名"><p></p></li>
<li><label>登陆密码：</label><input type="password" id="userpassword" name="userpassword" placeholder="输入密码！"><p></p></li>
<li><label>确认密码：</label><input type="password" id="repassword" name="repassword" placeholder="再次确认密码！"><p></p></li>
<li><label class="check-code-txt">QQ号码：</label><input type="text" name="qq" id="qq" οnchange="chkqqhf()"><p></p></li>
<li class="undis"><label class="check-code-txt pl10"> Email：</label> <input type="text" name="email" id="email"></li>
<li><label class="check-code-txt">验 证 码：</label><span class="reg_tab_cinpt"><input name="checkcode" id="checkcode" type="text" class="check-code"></span><span class="reg_tab_img"><img src="inc/checkcode2.asp" align="absmiddle" alt="换一张" name="gcodestr2" false;" id="gcodestr2"></span><span class="reg_tab_fresh"><a href="javascript:;" title="重新获取验证码" false;">重新获取验证码</a></span><span id="checkcodeSpan" style="line-height:33px"><em>输入验证码</em></span></li>
</ul>
<div class="login-btn-box">
<input type="submit" name="button" id="button" class=" " value="zc">
<!--<button name="btn_sub" class="button red" id="btn_sub" user_login(); return false;">登录</button>-->
</div>
</div>
</form>
<div class="fr login-right">
<h2></h2>
<p><a class="" href="login.asp">dl</a></p>
<h2 class="pt20" style="font-size: 20px;">dd</h2>
</div>
</div>
</div>
<script>
var CndnsValidate = {
//检查用户名格式
checkUserName: function (usrName) {
if (!(/^[a-zA-Z_\d]{6,16}$/.test(usrName))) {
return false;
}
else {
return true;
}
},
//检查密码格式
//密码格式：大写字母+小写字母+数字或者字母+数字+符号（符号：！@#%^&*等）示例：cndns456@#!
checkPassWord: function (usrPass) {
var acountreg = usrPass;
if (!(/^.{6,16}$/.test(acountreg))) {
return false;
}
if (!(/^.*?[\d]+.*$/.test(acountreg) && /^.*?[A-Za-z].*$/.test(acountreg)) && !(/^.*?[0-9]+.*$/.test(acountreg) && /^.*?[a-z].*$/.test(acountreg))) {
return false;
}
else {
return true;
}
},
//检查用户名格式
//符合邮箱格式并且在4-16位
checkUserQQ: function (usrQQ) {
if (!(/^[1-9][0-9]{4,11}$/.test(usrQQ))) {
return false;
}
else {
return true;
}
}
}
$(function () {
//用户名
$("#username").focus(function () {
$(this).next("p").attr("class", "note-icon-b").text("请记住您的会员账号。").show();
});
$("#username").blur(function () {
$userName = $("#username").val();
if ($.trim($userName) == "" || !CndnsValidate.checkUserName($userName)) {
$(this).next("p").attr("class", "note-icon-c").text("用户名由6-16位数字、字母、下划线组成。").show();
return false;
} else {
//没检验用户名是否已经存在
$(this).next("p").attr("class", "note-icon-a").text("会员名格式正确。").show()
/*
$.ajax({
type: "POST",
url: '/member/ajax/LoginIn.ashx',
data: { "b_type": "11", "usrName": usrName },
dataType: "text",
beforeSend: function (xhr) {
// loadimg();
},
success: function (result) {
if (result.toString() == "10000") {///可以注册
obj.attr("class", "p1").text("可以注册").show();
}
else {///不可以注册
obj.attr("class", "p3").text("该用户名已经存在").show();
return false;
}
}
});
*/
}
});
//用户密码
$("#userpassword").focus(function () {
$(this).next("p").attr("class", "note-icon-b").text("请牢记您的账号密码。").show();
});
$("#userpassword").blur(function () {
var usrPassWord = $(this).val();
if ($.trim(usrPassWord) == "" || !CndnsValidate.checkPassWord(usrPassWord)) {
$(this).next("p").attr("class", "note-icon-c").text("可由字母、数字和特殊符号组成，不能小于6位数。").show();
return false;
} else {
$(this).next("p").attr("class", "note-icon-a").text("密码格式正确。").show();
}
});
确认密码
$("#repassword").focus(function () {
$(this).next("p").attr("class", "note-icon-b").text("请再次输入密码。").show();
});
$("#repassword").blur(function () {
var usrPassConfirm = $(this).val();
var usrPassWord = $("#userpassword").val();
if ($.trim(usrPassConfirm) == "" || usrPassConfirm != usrPassWord) {
$(this).next("p").attr("class", "note-icon-c").text("两次密码输入不一致，请重新输入。").show();
return false;
} else {
$(this).next("p").attr("class", "note-icon-a").text("确认密码格式正确。").show();
}
});
//用户QQ
$("#qq").focus(function () {
$(this).next("p").attr("class", "note-icon-b").text("请输入您的QQ号码，以便联系。").show();
});
$("#qq").blur(function () {
$userQQ = $("#qq").val();
if ($.trim($userQQ) == "" || !CndnsValidate.checkUserQQ($userQQ)) {
$(this).next("p").attr("class", "note-icon-c").text("QQ号码只能由6-11位数字组成。").show();
return false;
} else {
$(this).next("p").attr("class", "note-icon-a").text("QQ号码格式正确。").show()
}
});
});
</script>
</body>
</html>
转载于:https://blog.51cto.com/iicoo/1751834
扫一扫
4718
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
