<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src="Js/Calendar.js"></script><!--导入的插件-->
<link href="Css/TestDate.css" rel="stylesheet">
<link href="Css/calendar-blue.css" rel="stylesheet">
<script>
function regUserName(){ //验证用户名输入是否合法
var username=document.myForm.txtUserName.value;
reg=/^[a-zA-Z0-9_]{1,}$/; //正则表达式只能保含数字和字母
if(username.length==0){
document.getElementByIdx_x("div1").innerHTML="<font color=red>*用户名不能为空！</font>";
return false;
}
if(reg.test(username)){
return true;
}
else{
document.getElementByIdx_x("div1").innerHTML="<font color=red>*用户名只能包含a-z、0-9和下划线</font>";
//alert("用户名只能包含a-z、0-9和下划线");
return false;
}
}
function regPwd(){ //验证密码输入是否合法
var pwd = document.myForm.txtPwd.value;
if(pwd.length==0){
document.getElementByIdx_x("div2").innerHTML="<font color=red>*密码不能为空！</font>";
return false;
}
if(pwd.length<6){
document.getElementByIdx_x("div2").innerHTML="<font color=red>*密码必须大于六位数!</font>";
// alert("密码必须大于六位数！");
return false;
}
return true;
}
function rePwd(){
var pwd = document.myForm.txtPwd.value;
var RePwd=document.myForm.txtRePwd.value;
if(RePwd.length==0){
document.getElementByIdx_x("div3").innerHTML="<font color=red>*确认密码不能为空!</font>";
return false;
}
if(pwd!=RePwd){
document.getElementByIdx_x("div3").innerHTML="<font color=red>*两次输入密码必须一致!</font>";
//alert("两次输入密码必须一致！");
return false;
}
return true;
}
//验证邮箱是否合法
function regEmail(){
var email = document.myForm.textfield6.value;
if(email.search("^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$")!=0){
document.getElementByIdx_x("div6").innerHTML="<font color=red>*请输入正确的邮箱格式!</font>";
//alert("请输入正确的邮箱格式！");
return false;
}
return true;
}
function showBtn(){ // 提交按钮是否可用
var btn = document.myForm.checkbox.checked;
if(btn==true){
document.myForm.Submit2.disabled=false;
}else{
document.myForm.Submit2.disabled=true;
}
}
//个人信息的验证
function regName(){ //真实姓名
var name = document.myForm.txtName.value;
for(i=0;i<name.length;i++){
//获取字符串中单个字符
var text =name.substring(i,i+1);
if(text<9&&text>0){
document.getElementByIdx_x("div4").innerHTML="<font color=red>*真实姓名中不能包含数字!</font>";
}
}
}
//验证QQ号(只能包含数字)
function regQQ(){
var qq = document.myForm.txtQQ.value;
if(qq.length>11){
document.getElementByIdx_x("div5").innerHTML="<font color=red>*QQ号最多为11为数!</font>";
}
else if (qq){
for(i=0;i<qq.length;i++){
//获取字符串中单个字符
var text =qq.substring(i,i+1);
if(text>9||text<0){
document.getElementByIdx_x("div5").innerHTML="<font color=red>*QQ号中只能包含数字!</font>";
}
}
}
}
</script>
</head>
<body>
<form name="myForm">
<!---------------------注册信息---------------------->
<div align="center"><font color="#CC0033" size="7">注册</font><br />
<br />
<table width="475" height="171" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><div align="right">用户名：</div></td>
<td><div align="left" >
<input type="text" name="txtUserName" οnblur="regUserName()" />
<div id="div1">(可包含a-z、0-9和下划线)</div></div></td>
</tr>
<tr>
<td><div align="right">密码： </div></td>
<td><div align="left">
<input type="password" name="txtPwd" οnblur="regPwd()" />
<div id="div2">（至少包含6位数）</div>
</div></td>
</tr>
<tr>
<td><div align="right">确认密码：</div></td>
<td><div align="left">
<input type="password" name="txtRePwd" οnblur="rePwd()" />
<div id="div3"></div></div></td>
</tr>
</table>
</div>
<!-----------------个人信息--------------------------->
<hr>
<div align="center"><br />
<font color="red" size="+6" >个人信息</font>
<table width="508" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="133"><div align="right">真实姓名：</div></td>
<td width="375"><div align="left">
<input type="text" name="txtName" οnblur="regName()"/><div id="div4"></div>
</div></td>
</tr>
<tr>
<td><div align="right">出生日期：</div></td>
<td><div align="left">
<input type="text" name="textfield5" readonly="readOnly"/>
<a οnclick="return showCalendar('textfield5', 'y-mm-dd');" href="#"><img src="Button.gif" id="IMG2" align="absmiddle" border="0" /></a></div></td>
</tr>
<tr>
<td><div align="right">性别： </div></td>
<td><div align="left">
<input type="radio" name="radiobutton" value="rdoMan" checked="checked"/>
男
<input type="radio" name="radiobutton" value="rdoWomen" />
女</div></td>
</tr>
<tr>
<td><div align="right">电子邮箱：</div></td>
<td><div align="left"><br />
<input type="text" name="textfield6" οnblur="regEmail()"/>
<div id="div6"></div>
</div></td>
</tr>
<tr>
<td><div align="right">QQ号： </div></td>
<td>
<div align="left">
<input type="text" name="txtQQ" οnblur="regQQ()" /><div id="div5"></div>
</div></td>
</tr>
<tr>
<td colspan="2"><div align="center">
<input type="checkbox" name="checkbox" value="checkbox" οnclick="showBtn()" />
是否同意用户协议</div></td>
</tr>
<tr>
<td colspan="2"><div align="center">
<input type="reset" name="Submit" value="重置" />
<input type="submit" name="Submit2" value="提交" />
</div></td>
</tr>
</table>
</div>
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
