| |
<!DOCTYPE html> |
| |
<html> |
| |
|
| |
<head> |
| |
<meta charset="UTF-8"> |
| |
<title></title> |
| |
</head> |
| |
<script type="text/javascript" src="../js/jquery-1.11.0.js" ></script> |
| |
<script type="text/javascript" src="../js/jquery.validate.js" ></script> |
| |
<script type="text/javascript" src="../js/messages_zh.js" ></script> |
| |
<script> |
| |
$(function(){ |
| |
$("#formid").validate({ |
| |
rules:{ |
| |
username:"required", |
| |
password:{ |
| |
rangelength:[3,6], |
| |
required:true |
| |
}, |
| |
repassword:{ |
| |
equalTo:"#password" |
| |
}, |
| |
email:"email", |
| |
sex:"required" |
| |
}, |
| |
messages:{ |
| |
username:"用户名不能为空", |
| |
password:{ |
| |
rangelength:"密码长度在{0}~{1}之间", |
| |
required:"密码不能为空" |
| |
} |
| |
} |
| |
}); |
| |
}) |
| |
</script> |
| |
<style> |
| |
|
| |
</style> |
| |
<body> |
| |
<form action="#" method="get" id="formid"> |
| |
<table width="60%" height="60%" align="center" bgcolor="#ffffff"> |
| |
<tr> |
| |
<td colspan="3">会员注册USER REGISTER</td> |
| |
</tr> |
| |
<tr> |
| |
<td width="20%">用户名:</td> |
| |
<td width="80%"><input type="text" name="username" id="username"></td> |
| |
</tr> |
| |
<tr> |
| |
<td>密码:</td> |
| |
<td><input type="password" name="password" id="password"></td> |
| |
</tr> |
| |
<tr> |
| |
<td>确认密码:</td> |
| |
<td><input type="password" name="repassword" id="repassword"></td> |
| |
</tr> |
| |
<tr> |
| |
<td>Email:</td> |
| |
<td><input type="text" name="email" id="email"></td> |
| |
</tr> |
| |
<tr> |
| |
<td>姓名:</td> |
| |
<td><input type="text" name="name"></td> |
| |
</tr> |
| |
<tr> |
| |
<td>性别:</td> |
| |
<td> |
| |
<input type="radio" name="sex" value="男" checked="checked"> 男 |
| |
<input type="radio" name="sex" value="女" />女 |
| |
|
| |
<label for="sex" class="error"></label> |
| |
</td> |
| |
|
| |
</tr> |
| |
<tr> |
| |
<td>出生日期</td> |
| |
<td> |
| |
<input type="text" name="birthday"> |
| |
|
| |
</td> |
| |
</tr> |
| |
<tr> |
| |
<td>验证码</td> |
| |
<td> |
| |
<input type="text" name="checkcode"> |
| |
</td> |
| |
</tr> |
| |
<tr> |
| |
<td colspan="2"> |
| |
<input type="submit" value="注册" /> |
| |
</td> |
| |
</tr> |
| |
</table> |
| |
</form> |
| |
</body> |
| |
</html> |