html源码程序：
<html>
<head>
<title>表单</title>
<script language=JavaScript src="script/regcheckdata.js"></script>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
</head>
<body>
<form name="form" method="get">
<table width="750" align="center" border="2">
<tr>
<td colspan="2" align="center">用户注册</td>
</tr>
<tr>
<td>用户名：</td>
<td>
<input type=text name="username" size="30" maxlength="10">
</td>
</tr>
<tr>
<td>密码：</td>
<td>
<input type=password name="pwd" size="15" maxlength="12">
</td>
</tr>
<tr>
<td>密码确认</td>
<td>
<input type=password name="pwd2" size="15" maxlength="12">
</td>
</tr>
<tr>
<td>性别</td>
<td>
<input type=radio name="sex" value="male" checked>男
<input type=radio name="sex" value="female">女
</td>
</tr>
<tr>
<td>兴趣爱好</td>
<td>
<input type="checkbox" name="music" value="vc" checked>音乐
<input type="checkbox" name="basketball" value="vb">篮球
<input type="checkbox" name="basketball" value="vfoxpro">足球
<input type="checkbox" name="reade" value="vjava">读书
<br>
<input type="checkbox" name="swimming" value="bc">游泳
<input type="checkbox" name="pingpang" value="cobol">打乒乓球
<input type="checkbox" name="TV" value="java">看电视
<input type="checkbox" name="draw" value="delphi">画画
</td>
</tr>
<!--
我这里写的是省分名字，你把名字换成城市就可以了，复制粘贴就搞定了
-->
<tr>
<td>城市</td>
<td>
<select name="province">
<option value=0 selected>请选择</option>
<option value=34>安徽</option>
<option value=11>北京</option>
<option value=50>重庆</option>
<option value=35>福建</option>
<option value=62>甘肃</option>
<option value=44>广东</option>
<option value=45>广西</option>
<option value=52>贵州</option>
<option value=46>海南</option>
<option value=13>河北</option>
<option value=23>黑龙江</option>
<option value=41>河南</option>
<option value=42>湖北</option>
<option value=43>湖南</option>
<option value=32>江苏</option>
<option value=36>江西</option>
<option value=22>吉林</option>
<option value=21>辽宁</option>
<option value=64>宁夏</option>
<option value=15>内蒙古</option>
<option value=63>青海</option>
<option value=31>上海</option>
<option value=14>山西</option>
<option value=37>山东</option>
<option value=51>四川</option>
<option value=61>陕西</option>
<option value=12>天津</option>
<option value=54>西藏</option>
<option value=65>新疆</option>
<option value=53>云南</option>
<option value=33>浙江</option>
<option value=71>台湾</option>
<option value=81>香港</option>
<option value=82>澳门</option>
<option value=0>其他</option>
</select>
</td>
</tr>
<tr>
<td>个人简介：</td>
<td>
<textarea cols=80 rows=10 name="note" ></textarea>
</td>
</tr>
<tr>
<td>功能实现</td>
<td align="center">
<input type="submit" value="提交">
<input type="reset" value="重置">
</td>
</tr>
</table>
</form>
</body>
</html>
javascript代码
function checkdata() {
var ssn=form.username.value.toLowerCase();
if (!checkUserName(ssn)) return false; //用户名检查
if( strlen(form.pwd.value)<6 || strlen(form.pwd.value)>16 ) {
alert("\正确地登录密码长度为6-16位，仅可用英文、数字、特殊字符！")
form.pwd.focus()
return false;
}
if( strlen2(form.pwd.value) ) {
alert("\您的密码中包含了非法字符，仅可用英文、数字、特殊字符！")
form.pwd.focus()
return false;
}
if( form.pwd.value == form.username.value ) {
alert("\用户名和密码不能相同！")
form.pwd.focus()
return false;
}
if( form.pwd2.value =="" ) {
alert("\请输入密码确认！")
form.pwd2.focus()
return false;
}
if( form.pwd2.value != form.pwd.value ) {
alert("\两次密码输入不一致！")
form.pwd.focus()
return false;
}
if (form.sex.value=="" ){
alert("\请选择性别 " )
form.mail.focus()
return false;
}
//检查性别
if( !(form.sex[0].checked || form.sex[1].checked) ) {
alert("请选择性别!");
form.sex[0].focus();
return false;
}
//检查省份
if( form.province.selectedIndex == 0 ) {
alert("请选择城市省份!");
form.province.focus();
return false;
}
if(form.note.value=="")
{
alert("个人简介不能为空!");
form.note.focus();
return false;
}
return true;
}
function checkUserName(ssn){
if( ssn.length<3 || ssn.length>18 ) {
alert("\请输入正确的用户名,用户名长度为3-18位！")
form.username.focus()
return false;
}
if (!isSsnString(ssn)){
alert("\ 您的用户名格式输入不正确 " )
form.username.focus()
return false;
}
return true;
}
function strlen(str){
var len;
var i;
len = 0;
for (i=0;i<str.length;i++){
if (str.charCodeAt(i)>255) len+=2; else len++;
}
return len;
}
function strlen2(str){
var len;
var i;
len = 0;
for (i=0;i<str.length;i++){
if (str.charCodeAt(i)>255) return true;
}
return false;
}
function isSsnString (ssn) //检查用户名是否匹配正则表达式
{
var re=/^[a-z_][\w-.]*[0-9a-z]$/i;
if(re.test(ssn))
return true;
else
return false;
}
|
|
收藏
淘帖
踩
