<link href="style/base.css" rel="stylesheet" type="text/css" />
<link href="style/pay.css" rel="stylesheet" type="text/css" />
<!--引入Jquery 验证框架核心js 和 css 文件 -->
<script type="text/javascript" src="js/jquery_last.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/formValidator.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/formValidatorRegex.js" charset="UTF-8"></script>
<script type="text/javascript" src="js/pwd_strength.js" charset="UTF-8"></script>
<link href="style/validator.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
$(document).ready(function () {
$.formValidator.initConfig({ formid: "form1", onerror: function (msg) { alert(msg); } })
$("#email").formValidator({ onshow: "请输入注册邮箱(E_mail)", onfocus: "注册邮箱(E_mail)必须填写", oncorrect: "邮箱已输入" }).inputValidator({ min: 10, max: 100, onerror: "邮箱长度有误,请正确填写" }).regexValidator({ regexp: "email", datatype: "enum", onerror: "邮箱格式有误" });
$("#realName").formValidator({ onshow: "请输入真实姓名", onfocus: "真实姓名必须填写", oncorrect: "真实姓名已输入" }).inputValidator({ min: 4, max: 12, onerror: "真实姓名有误请确认" }).regexValidator({ regexp: "chinese", datatype: "enum", onerror: "真实姓名必须是中文" });
$("#password").formValidator({ onshow: "请输入密码", onfocus: "密码必须填写", oncorrect: "密码已输入" }).inputValidator({ min: 6, max: 18, onerror: "密码必须在6-18位之间" });
$("#password2").formValidator({ onshow: "请输入密码", onfocus: "密码必须填写", oncorrect: "密码已输入" }).inputValidator({ min: 6, max: 18, onerror: "密码必须在6-18位之间" }).compareValidator({ desid: "password", operateor: "=", onerror: "2次密码不一致,请确认" });
$("#paypassword").formValidator({ onshow: "请输入支付密码", onfocus: "支付密码必须填写", oncorrect: "支付密码已输入" }).inputValidator({ min: 6, max: 18, onerror: "支付密码必须在6-18位之间" });
$("#paypassword2").formValidator({ onshow: "请输入支付密码", onfocus: "支付密码必须填写", oncorrect: "支付密码已输入" }).inputValidator({ min: 6, max: 18, onerror: "支付密码必须在6-18位之间" }).compareValidator({ desid: "paypassword", operateor: "=", onerror: "2次密码不一致,请确认" });
});
</script>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<table width="100%" border="0" cellspacing="4" cellpadding="0" style="line-height:40px; font-size:14px;">
<tr>
<td width="35%" align="right"><span class="red">* </span>Email:</td>
<td width="30%">
<input type="text" name="email" id="email" size="30"/>
</td>
<td width="35%" class="gray f12"><div id="emailTip" style="width:200px"></td>
</tr>
<tr>
<td align="right"><span class="red">*</span> 真实姓名:</td>
<td><input type="text" name="realName" id="realName" size="30"/></td>
<td class="gray f12"><div id="realNameTip" style="width:200px"></td>
</tr>
<tr>
<td align="right"><span class="red">* </span>登录密码:</td>
<td><input type="password" name="password" id="password" size="30"/></td>
<td class="gray f12"><div id="passwordTip" style="width:200px"></td>
</tr>
<tr>
<td align="right"><span class="red">* </span>确认登录密码:</td>
<td><input type="password" name="password2" id="password2" size="30"/></td>
<td class="gray f12"><div id="password2Tip" style="width:200px"></td>
</tr>
<tr>
<td align="right"><span class="red">* </span>支付密码:</td>
<td><input type="password" name="paypassword" id="paypassword" size="30"/></td>
<td class="gray f12"><div id="paypasswordTip" style="width:200px"></td>
</tr>
<tr>
<td align="right"><span class="red">* </span>确认支付密码:</td>
<td><input type="password" name="paypassword2" id="paypassword2" size="30"/></td>
<td class="gray f12"><div id="paypassword2Tip" style="width:200px"></td>
</tr>
<tr>
<td align="right"><span class="red"></span></td>
<td>
</td>
<td class="gray f12"><div id="vericodeTip" style="width:200px"></td>
</tr>
<tr height="90">
<td> </td>
<td></td>
<td> </td>
</tr>
</table>
</form>
</body>
</html>