用户注册常用javascript代码
程序员文章站
2023-11-24 18:11:22
复制代码 代码如下:<%@ page contenttype="text/html; charset=gb2312" language="java"%> <...
复制代码 代码如下:
<%@ 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>用户注册</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("请填写用户名");
return false;
}
else if(!isvalid())
{
alert("用户名只能使用字母和数字");
return false;
}
else if(reg.userpassword.value=="")
{
alert("请填写密码");
return false;
}
else if(reg.userpassword.value != reg.cuserpassword.value)
{
alert("两次密码不一致");
return false;
}
else if(reg.nickname.value =="")
{
alert("请填写昵称");
return false;
}
else if(reg.email.value =="")
{
alert("请填写邮箱");
return false;
}
else if(!chkemail(reg.email.value))
{
alert("请填写有效的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">用户注册</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">请输入要注册的用户名：</font></td>
<td width="50%" align="left" height="25">
<input type="text" name="username">
<br>
<font color="red"> 用户名只能由字母和数字组成</font>
</td>
</tr>
<tr>
<td width="50%" align="right" height="25">请输入密码：</td>
<td width="50%" align="left" height="25"> <input type="password" name="userpassword"></td>
</tr>
<tr>
<td width="50%" align="right" height="25">请输入确认密码：</td>
<td width="50%" align="left" height="25"> <input type="password" name="cuserpassword"></td>
</tr>
<tr>
<td width="50%" align="right" height="25">请输入昵称：</td>
<td width="50%" align="left" height="25"> <input type="text" name="nickname"></td>
</tr>
<tr>
<td width="50%" align="right" height="25">请选择性别：</td>
<td width="50%" align="left" height="25"> <input type="radio" name="sex" value="0" checked>男 <input type="radio" name="sex" value="1">女</td>
</tr>
<tr>
<td width="50%" align="right" height="25">请输入email地址：</td>
<td width="50%" align="left" height="25"> <input type="text" name="email"></td>
</tr>
</table>
<p>
<input type="submit" name="sub" value="注册">
<input type="reset" name="res" value="重填">
</p>
</form>
</div>
</body>
</html>