表单验证(JavaScript)

原创 2005年05月27日 09:59:00

<html>
<head>
<title>验证表单之提交</title>
<script language="javascript">
function CheckForm(){

if(document.Azform.T1.value==""){
alert("the name is empty!");
  return false;
}

if(document.Azform.T2.value==""){
alert("the age is empty!");
  return false;
}


var card
 card=document.Azform.T4.value.length;
 if(card!=15 && card!=18)
  {
   alert("你输入的身份证号码不足15位或18位");
 return false;
 }


var mai=document.Azform.T3.value;
if (mai=="") {
alert("你的mail为空!");
return false;
}

var temp = mai.indexOf('@') ;
var tempd = mai.indexOf('.') ;
if (temp <= 1)
 { alert("你输入的mail格式不正确!");
 return false;
 }
if (tempd-temp<=0){
alert("你输入的mail格式不正确!");
return false;
}
if (mai==tempd+1){
alert("你输入的mail格式不正确!");
return false;
}

return true;
}

</script>

</head>

<body>
验证表单之提交
<form name="Azform"  method="POST" action="#" onsubmit="return CheckForm(this)">
 <p>name :<input type="text" name="T1" size="20"></p>
  <p>age : <input type="text" name="T2" size="20"></p>
   <p>身份证:<input type="text" name="T4" size="20"></p>
   <p>Email:<input type="text" name="T3" size="20"></p>
  <p><input type="submit" value="提交" name="B1" >
  <input type="reset" value="全部重写" name="B2"></p>
</form>

</body>
</html>

JavaScript - 表单验证实例

表单验证1 表单验证
  • wangzi11322
  • wangzi11322
  • 2015年04月26日 14:01
  • 4882

javascript完整表单验证

html> html lang="en"> head> meta http-equiv="content-type" content="text/html"; charset="UTF-8">...
  • pangqiandou
  • pangqiandou
  • 2016年09月23日 00:24
  • 1572

<Java Web学习初级阶段>JavaScript实现注册页面的表单验证

代码实现: 表单验证 //初始化页面 function initform(){ //第一个文本框获取焦点 //document.getElementById("usern...
  • qq_22599883
  • qq_22599883
  • 2015年09月12日 12:59
  • 2044

JavaScript设计模式系列03_策略模式做的表单验证

效果图: 代码: *{ padding:0; margin:0} 身份证号码...
  • jiang7701037
  • jiang7701037
  • 2018年01月10日 19:51
  • 111

一个简单的HTML表单及JavaScript验证

var username;         var password;         var email;         var emailName;         function u...
  • forguy10
  • forguy10
  • 2017年01月14日 17:34
  • 198

JavaScript_form表单验证:采用focus()事件处理;

// form表单验证:非空、密码确认; // 思路:采用focus()来进行验证; window.onload = checkForms; function checkForms() { ...
  • cenyebao
  • cenyebao
  • 2011年11月06日 16:12
  • 1834

整理的一些常用的js表单验证

/** * 验证时间 * @param dataValue 格式为:YYYY-MM-DD * @returns 匹配返回true 不匹配返回false */ function valiDate...
  • zp522123428
  • zp522123428
  • 2014年09月05日 09:36
  • 5216

JavaScript用户注册表单验证

function check(){if (document.form1.name.value == ""){alert("请填写您的用户名!");document.form1.name.focus()...
  • yangm1203
  • yangm1203
  • 2007年07月17日 17:18
  • 1299

javascript表单验证总结

     function Jtrim(str)  //去空隔函数{        var i = 0;        var len = str.length;        if ( str ==...
  • lvlingwy
  • lvlingwy
  • 2007年05月30日 14:39
  • 409

一个简单的表单验证JS

一个简单的表单验证JS 这个表单验证支持空值,长度,范围,群组,ajax 示例效果 验证模式1 验证模式2 用户名 密码 ...
  • qq_27289001
  • qq_27289001
  • 2015年11月29日 20:42
  • 854
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:表单验证(JavaScript)
举报原因:
原因补充:

(最多只允许输入30个字)