📄 user_register.htm

📁 注册时
💻 HTM
📖 第 1 页 / 共 2 页
字号:
上一页 12
	//@ 在最后一个.前面最少一位
	if((lastDotPos - atPos)< 2 ){
		msg = "邮箱地址中@位置要在最后一个.位置之前";
		showErrorMsg(eId,msg);
		return(false);	
	}else{
		clearMsg(eId);
		return(true);
	}
}
/*
说明：验证是否接受服务请求
规则：用户必须接受服务请求
参数form：输入请求复选框所在的form
参数eId：错误提示div的id
返回值：若符合要求：返回true，不符合：返回false；
*/
function checkAccept(form,eId){
	var msg = "";
	//用户是否选择
	if(form.chk_accept.checked){
		clearMsg(eId);
		return(true);	
	}else{
		msg = "请阅读并接受服务条款";
		showErrorMsg(eId,msg);
		return(false);		
	}
}
/*
说明：显示错误信息函数
参数 eId：要显示div的id
参数 msg：要显示的信息内容
*/ 
function showErrorMsg(eId,msg){
	document.getElementById(eId).innerHTML = msg;
	document.getElementById(eId).style.display = "";
}
/*
隐藏错误提示信息div
参数eId：要隐藏的div的id
*/
function clearMsg(eId){
	document.getElementById(eId).style.display = "none";
}
//生成四位随机数
function getValidateCode(){
	var vCode = "0000";
	vCode = String(Math.round(Math.random()*10000));
	while (vCode.length < 4) {
		vCode = "0" + vCode;
	}
	//return vCode;
	document.getElementById( "div_vcode" ).innerHTML = vCode;
}
/*
说明：主验证函数，验证所有输入选择是否符合要求
规则：依次验证，要求所有验证都符合要求
返回值：若所有验证均通过：返回true，有一个不通过：返回false；
*/
function verifyInput(){
	//通过表单名称，得到输入表单
	var form = document.frm_register;
	//依次验证
	if (verifyUName(form.txt_username.value,"div_uname_hint") && verifyPwd(form.txt_pwd.value,"div_pwd_hint") && 
	  verifychkPwd(form.txt_pwd.value,form.txt_chkpwd.value,"div_chkpwd_hint")&&
      verifyPwdAnswer(form.txt_pwdanswer.value,"div_pwdans_hint") && checkSex(form,"div_sex_hint")  && 
	  verifyvCode(form.txt_vcode.value,"div_vcode","div_vcode_hint") && checkAccept(form,"div_accept_hint"))
	  {
		alert("^_^ 恭喜，注册成功！");
		form.submit;
		return(true);
	}else{
		alert(":( 注册失败，请按红色提示信息修改！");
		return(false);
	}
}
</script>
<style type="text/css">
<!--
.bg_title {background:#abc4e4;height:21px;border-left:1px solid #fff;border-right:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #E3E3E3;text-align:center;padding-left:16px;font-size:14px;font-weight:bold;color:#243A60;padding-top:4px;}
.label{font-size:14px;color:#000000;text-align:right;}
.hint_error {
	font-size:12px;
	color:#FF0000;
	font-weight: bold;
}
.hint_msg {font-size:12px;color:#999999;}

.inputlabel{font-size:12px;color:#000000;text-align:left;}
.vcode {color: #FF0000;	font-weight: bold;text-align:right;}
-->
</style>
<title>用户注册</title>
</head>

<body  onload="iniState()">

<form name="frm_register" method="post"  onsubmit="">
  <table width="660" border="0" align="center" summary="reg table">
    <tr>
      <td colspan="6"><div class="bg_title" id="reg_title">用户注册</div></td>
    </tr>
    <tr>
      <td bgcolor="#abc4e4" colspan="6" height="1"></td>
    </tr>
    <tr>
      <td width="129" nowrap="nowrap"><div class="label">用户名:</div></td>
      <td colspan="3" nowrap="nowrap"><input name="txt_username" type="text" size="20" maxlength="20"  onfocus="clearMsg('div_uname_hint')" onblur="verifyUName(txt_username.value,'div_uname_hint')"/></td>
      <td width="154"><div id="div_uname_hint" class="hint_error">
      </div></td>
      <td width="187"><div class="hint_msg">
          <p>英文字母阿拉伯数字下划线组合，长度为6－20位，只能以字母开头</p>
      </div></td>
    </tr>
    <tr>
      <td width="129" nowrap="nowrap"><div class="label">输入密码:</div></td>
      <td colspan="3" nowrap="nowrap"><input name="txt_pwd" type="password"  size="20" maxlength="20" 	  onfocus="clearMsg('div_pwd_hint')" onblur="verifyPwd(txt_pwd.value,'div_pwd_hint')"/></td>
      <td width="154"><div id="div_pwd_hint" class="hint_error"></div></td>
      <td width="187" rowspan="2"><div class="hint_msg">
          <p>英文字母或阿拉伯数字组合，英文区分大小写，长度为6－20位</p>
      </div></td>
    </tr>
    <tr>
      <td width="129" nowrap="nowrap"><div class="label">验证密码:</div></td>
      <td colspan="3" nowrap="nowrap"><input name="txt_chkpwd" type="password" tabindex="1" size="20" maxlength="20" onfocus="clearMsg('div_chkpwd_hint')" onblur="verifychkPwd(txt_pwd.value,txt_chkpwd.value,'div_chkpwd_hint')"/></td>
      <td width="154"><div id="div_chkpwd_hint" class="hint_error"></div></td>
    </tr>
    <tr>
      <td bgcolor="#abc4e4" colspan="6" height="1"></td>
    </tr>
    <tr>
      <td width="129" nowrap="nowrap"><div class="label">密码提示问题:</div></td>
      <td colspan="3" nowrap="nowrap"><select name="select">
        <option value="您的初恋情人是 ？">您的初恋情人是 ？</option>
        <option value="您最爱的宠物是 ？">您最爱的宠物是 ？</option>
        <option value="您最喜欢的书是 ？">您最喜欢的书是 ？</option>
        <option value="您最大的愿望是 ？">您最大的愿望是 ？</option>
        <option value="您最想做的事是 ？">您最想做的事是 ？</option>
        <option value="您最牵挂的人是 ？">您最牵挂的人是 ？</option>
        <option value="您最难忘的日子是 ？">您最难忘的日子是 ？</option>
      </select>      </td>
      <td width="154">&nbsp;</td>
      <td width="187" rowspan="2"><div class="hint_msg">
        <p>当您忘记密码时，可以通过密码问题和答案来查询。密码提示答案3－32位之间，不能包含特殊字符</p>
      </div></td>
    </tr>
    <tr>
      <td width="129" nowrap="nowrap"><div class="label">密码提示答案:</div></td>
      <td colspan="3" nowrap="nowrap"><input name="txt_pwdanswer" type="text" tabindex="1" size="20" maxlength="32" onfocus="clearMsg('div_pwdans_hint')" onblur="verifyPwdAnswer(txt_pwdanswer.value,'div_pwdans_hint')"/></td>
      <td width="154"><div id="div_pwdans_hint" class="hint_error"></div></td>
    </tr>
    <tr>
      <td bgcolor="#abc4e4" colspan="6" height="1"></td>
    </tr>
    <tr>
      <td width="129" height="30" nowrap="nowrap"><div class="label">出生日期:</div></td>
      <td height="30" colspan="4" nowrap="nowrap"><div class="inputlabel"><select name="sel_byear" id="BirthYear" tabindex="8">
        <script language="JavaScript" type="text/javascript">
				var tmp_now = new Date();
				for(i=1930;i<=tmp_now.getFullYear();i++){
					document.write("<option value='"+i+"' "+(i==tmp_now.getFullYear()-24?"selected":"")+">"+i+"</option>")
				}
				</script>
      </select>年
<select name="sel_bmonth">
  <option value="01" selected="selected">1</option>
  <option value="02">2</option>
  <option value="03">3</option>
  <option value="04">4</option>
  <option value="05">5</option>
  <option value="06">6</option>
  <option value="07">7</option>
  <option value="08">8</option>
  <option value="09">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
</select>月
<select name="sel_bday" tabindex="10"  alt="日:无内容">
  <option value="01" selected="selected">1</option>
  <option value="02">2</option>
  <option value="03">3</option>
  <option value="04">4</option>
  <option value="05">5</option>
  <option value="06">6</option>
  <option value="07">7</option>
  <option value="08">8</option>
  <option value="09">9</option>
  <option value="10">10</option>
  <option value="11">11</option>
  <option value="12">12</option>
  <option value="13">13</option>
  <option value="14">14</option>
  <option value="15">15</option>
  <option value="16">16</option>
  <option value="17">17</option>
  <option value="18">18</option>
  <option value="19">19</option>
  <option value="20">20</option>
  <option value="21">21</option>
  <option value="22">22</option>
  <option value="23">23</option>
  <option value="24">24</option>
  <option value="25">25</option>
  <option value="26">26</option>
  <option value="27">27</option>
  <option value="28">28</option>
  <option value="29">29</option>
  <option value="30">30</option>
  <option value="31">31</option>
</select>日</div></td>
      <td width="187" rowspan="2"><div class="hint_msg">
        <p>为了方便您的使用，请填写真实信息</p>
      </div></td>
    </tr>
    <tr>
      <td width="129" height="30" nowrap="nowrap"><div class="label">性别:</div></td>
      <td height="30" colspan="3" nowrap="nowrap"><div class="inputlabel">
	    <input type="radio" name="chk_sex" value="1" />男&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="radio" name="chk_sex" value="0" />女</div>
		</td>
      <td width="154" height="30"><div id="div_sex_hint" class="hint_error">
        <p>&nbsp;</p>
      </div></td>
    </tr>
    <tr>
      <td width="129" nowrap="nowrap"><div class="label">常用邮箱:</div></td>
      <td colspan="3" nowrap="nowrap"><input name="txt_email" type="text" tabindex="1" size="20" maxlength="32"  onfocus="clearMsg('div_emailhint')" onblur="verifyEmail(txt_email.value,'div_emailhint')"/></td>
      <td width="154"><div id="div_emailhint" class="hint_error">
        <p>&nbsp;</p>
      </div></td>
      <td width="187"><div class="hint_msg">
        <p>方便你取得邮箱帐号相关的重要信息，包括找回密码</p>
      </div></td>
    </tr>
    <tr>
      <td bgcolor="#abc4e4" colspan="6" height="1"></td>
    </tr>
    <tr>
      <td width="129" nowrap="nowrap"><div class="label">请输入验证码:</div></td>
      <td width="58" nowrap="nowrap"><input name="txt_vcode" type="text" tabindex="1" size="6" maxlength="4"  onfocus="clearMsg('div_vcode_hint')" onblur="verifyvCode(txt_vcode.value,'div_vcode','div_vcode_hint')"/></td>
      <td width="64" nowrap="nowrap"><div id="div_vcode" class="vcode"></div></td>
      <td width="42" nowrap="nowrap"><input name="btnrefvode" type="button" id="btnrefvode" value="刷"  onclick="getValidateCode()"/></td>
      <td width="154"><div id="div_vcode_hint" class="hint_error"></div></td>
      <td width="187"><div class="hint_msg">
        <p>请将系统产生的四位验证码数字输入到系统验证码的输入框中</p>
      </div></td>
    </tr>
        <tr>
      <td bgcolor="#abc4e4" colspan="6" height="1"></td>
    </tr>
	<tr>
      <td width="129" nowrap="nowrap">&nbsp;</td>
      <td colspan="3" nowrap="nowrap"><div class="inputlabel">
        <input name="chk_accept" type="checkbox" value="checkbox" />
        我已阅读并接受<a href="servicelist.htm" target="_blank">服务条款</a>      </div></td>
      <td width="154"><div id="div_accept_hint" class="hint_error"></div></td>
      <td width="187"><div class="hint_msg">
        <p>选择翰子昂服务前，请仔细阅读服务条款</p>
      </div></td>
    </tr>

      <td colspan="6" nowrap="nowrap"><div align="center">
        <input type="button" name="btn_submit" value=" 提交 " onclick="verifyInput()"/>
      </div></td>
    </tr>
    </tr>
	    <tr>
      <td bgcolor="#abc4e4" colspan="6" height="1"></td>
    </tr>
  </table>
</form>  
</body>
</html>
上一页 12
⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -