添加收藏
 系统管理
 联系方式
  汉南在线网页设计JavaScript脚本

Javascript验证表单
作  者:匿名
关键字:表单



<!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测试!



来源:网络
阅读:11
日期:2008-8-29

【 双击滚屏 】 【 推荐朋友 】 【 收藏 】 【 打印 】 【 关闭 】 【 字体: 】 
上一篇:当第一个菜单选中“a3”时,使第二个菜单失效(表单失效的方法 javascript)
下一篇:JavaScript 判断表单输入内容

  >> 相关文章
 
  ·ASP动态生成的javascript表单验证代码

5.12汶川大地震遇难同胞默哀 | 汉南在线总站 | 网站建设 | BT电影下载 | 汉南在线博客 | 流行购商城

授权使用:汉南在线 http://hnzx.hzwz.net/
经营许可证:陕ICP备05000109号 Powered by:汉南在线  
Copyright (c) 2002-2008 汉南在线. All Rights Reserved .