快捷導(dǎo)航

用戶(hù)注冊(cè)常用javascript代碼

更新時(shí)間：2009年08月29日 01:00:35 作者：

用戶(hù)注冊(cè)常用javascript代碼,大家可以保存運(yùn)行看下效果。

<%@ page contentType="text/html; charset=gb2312" language="java"%> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
<title>用戶(hù)注冊(cè)</title> 
<script language="javascript"> 
function IsDigit(cCheck) 
{ 
return (('0'<=cCheck) && (cCheck<='9')); 
} 

function IsAlpha(cCheck) 
{ 
return ((('a'<=cCheck) && (cCheck<='z')) || (('A'<=cCheck) && (cCheck<='Z'))) 
} 

function IsValid() 
{ 
var struserName = reg.UserName.value; 
for (nIndex=0; nIndex<struserName.length; nIndex++) 
{ 
cCheck = struserName.charAt(nIndex); 
if (!(IsDigit(cCheck) || IsAlpha(cCheck))) 
{ 
return false; 
} 
} 
return true; 
} 
function chkEmail(str) 
{ 
return str.search(/[\w\-]{1,}@[\w\-]{1,}\.[\w\-]{1,}/)==0?true:false 
} 

function docheck() 
{ 
if(reg.UserName.value=="") 
{ 
alert("請(qǐng)?zhí)顚?xiě)用戶(hù)名"); 
return false; 
} 
else if(!IsValid()) 
{ 
alert("用戶(hù)名只能使用字母和數(shù)字"); 
return false; 
} 
else if(reg.UserPassword.value=="") 
{ 
alert("請(qǐng)?zhí)顚?xiě)密碼"); 
return false; 
} 
else if(reg.UserPassword.value != reg.CUserPassword.value) 
{ 
alert("兩次密碼不一致"); 
return false; 
} 
else if(reg.NickName.value =="") 
{ 
alert("請(qǐng)?zhí)顚?xiě)昵稱(chēng)"); 
return false; 
} 
else if(reg.Email.value =="") 
{ 
alert("請(qǐng)?zhí)顚?xiě)郵箱"); 
return false; 
} 
else if(!chkEmail(reg.Email.value)) 
{ 
alert("請(qǐng)?zhí)顚?xiě)有效的Email地址"); 
return false; 
} 
else 
{ 
return true; 
} 
} 
</script> 
<STYLE type=text/css> 
td, th { 
font-family: Arial, Helvetica, sans-serif; 
font-size: 14px; 
line-height: 24px; 
color: #333333; 
} 
</STYLE> 
</head> 
<body> 
<h1 align="center">用戶(hù)注冊(cè)</h1> 
<div align="center"> 
<form name="reg" action="user_add.jsp" method="post" target="_self" onSubmit="return docheck()"> 
<table width="90%" border="0"> 
<tr> 
<td width="50%" align="right" height="25"><font face="Arial, Helvetica, sans-serif">請(qǐng)輸入要注冊(cè)的用戶(hù)名：</font></td> 
<td width="50%" align="left" height="25"> 
&nbsp;<input type="text" name="UserName"> 
<br> 
<font color="red">&nbsp;用戶(hù)名只能由字母和數(shù)字組成</font> 
</td> 
</tr> 
<tr> 
<td width="50%" align="right" height="25">請(qǐng)輸入密碼：</td> 
<td width="50%" align="left" height="25">&nbsp;<input type="password" name="UserPassword"></td> 
</tr> 
<tr> 
<td width="50%" align="right" height="25">請(qǐng)輸入確認(rèn)密碼：</td> 
<td width="50%" align="left" height="25">&nbsp;<input type="password" name="CUserPassword"></td> 
</tr> 
<tr> 
<td width="50%" align="right" height="25">請(qǐng)輸入昵稱(chēng)：</td> 
<td width="50%" align="left" height="25">&nbsp;<input type="text" name="NickName"></td> 
</tr> 
<tr> 
<td width="50%" align="right" height="25">請(qǐng)選擇性別：</td> 
<td width="50%" align="left" height="25">&nbsp;<input type="radio" name="Sex" value="0" checked>男&nbsp;<input type="radio" name="Sex" value="1">女</td> 
</tr> 
<tr> 
<td width="50%" align="right" height="25">請(qǐng)輸入Email地址：</td> 
<td width="50%" align="left" height="25">&nbsp;<input type="text" name="Email"></td> 
</tr> 
</table> 
<p> 
<input type="submit" name="sub" value="注冊(cè)">&nbsp;&nbsp;&nbsp;&nbsp; 
<input type="reset" name="res" value="重填"> 
</p> 
</form> 
</div> 
</body> 
</html> 