<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="zh-CN">
<head>
<title> New Document </title>
<meta http-equiv="content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="content-Language" content="zh-CN" />
<meta name="generator" content="http://www.lionhit.com/" />
<meta name="author" content="灵犀工作室" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="images/css.css" rel="stylesheet" type="text/css" />
</head>
<style>
*{margin:0px auto;padding:0px;font-size:12px;font-family:宋体;}
#name,#pass,#password,#email,#tel,#shenfen{
width:100px;
height:15px;
}
</style>
<script>
function dian(){
var name=document.getElementById('name');
pass=document.getElementById('pass');
password=document.getElementById('password');
email=document.getElementById('email');
shenfen=document.getElementById('shenfen');
tel=document.getElementById('tel');
var re=/^[0-9a-zA-Z]+$/
var myreg = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/; //正则表达式
var reg_var=/^([0-9]|[\-])+$/;
if(name.value==""){
alert("请输入用户名!");
return false; //此处return false表示-如果此处为错误,不执行下面语句。
}
if(!re.test(name.value)){
alert("用户名由字母和数字组成!")
return false;
}
if(name.value.length<4){
alert('用户名不能小于4位字符!');
name.value="";
return false;
}
if(pass.value==""){
alert("请输入密码!");
return false;
}
if(pass.value.length<6){
alert('密码不能小于6位字符!');
return false;
}
if(password.value==""){
alert("请确认密码!");
return false;
}
if(pass.value!=password.value){
alert("密码不一致,请重新输入...");
pass.value="";
password.value="";
return false;
}
if(email.value==""){
alert("请输入E_mail!");
return false;
}
if(!myreg.test(email.value)){
alert("提示\n\n请输入有效的E_mail!");
email.value="";
return false;
}
if(shenfen.value==""){
alert("请输入身份证号!");
return false;
}
if(!reg_var.test(shenfen.value)){
alert("请以数字形式身份证号码!")
return false;
}
if(shenfen.value.length!=15 && shenfen.value.length!=18){
alert("身份证号码不正确,请核对后重新填写!");
shenfen.value="";
return false;
}
if(tel.value==""){
alert("请输入电话!");
return false;
}
if(!reg_var.test(tel.value)){
alert("请以数字形式输入手机号码!")
return false;
}
if(tel.value.length!=11){
alert("手机号码不能小于11位字符!");
tel.value="";
return false;
}
}
</script>
<body>
<form>
用户名:<input id="name" name="id" type="text" value="" /><br />
密码:<input id="pass" name="pass" type="password" value="" /><br />
确认密码:<input id="password" name="password" type="password" value="" /><br />
E_mail:<input id="email" name="email" type="text" value="" /><br />
身份证:<input id="shenfen" name="shenfen" type="text" value="" /><br />
手机:<input id="tel" name="tel" type="text" value="" /><br /><br />
<input id="submit" name="submit" type="submit" value="提交" onclick="dian(); return false" />
<input name="reset" type="reset" value="重置" />
</form>
</body>
</html>
弄了好长时间终于把这点东西搞出来了!
我是一个js新手,写的可能不规范!
这个仅供大家参考!
已经通过IE6和FF测试!