位置：首页>> 网络编程>> JavaScript>> javascript验证IP地址等验证例子

javascript验证IP地址等验证例子

　　发布时间：2007-09-11 13:40:00　

标签：javascript,校验

本文实例介绍了使用javascript来经验表单数据的方法，如：校验是否为英文，校验是否为数字及校验IP地址等：

<html>

  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
  <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
  <meta name="ProgId" content="FrontPage.Editor.Document">
  <title>New Page 1</title>
  </head>

  <body>

  <script language = ’javascript’>
  //校验是否为英文
  function checkchar()
  {
   var Letters = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"
   for (i=0; i < document.form.aaa.value.length; i++)
   {
   var CheckChar = document.form.aaa.value.charAt(i);
   CheckChar = CheckChar.toUpperCase();
   if (Letters.indexOf(CheckChar) == -1)
   {
   alert ("输入类型必须为英文！");
   return false;
   }
   }
  }

  //校验是否为数字

  function checknum(p)
  {
  if (p == "")
  {alert ("输入不能为空！");
   return false;
  }
  var l = p.length;
  var count=0;
  for(var i=0; i<l; i++)
  {
  var digit = p.charAt(i);
  if(digit == "." )
  {
   ++count;
   if(count>1)
   {alert ("输入类型必须为数字！");
   return false;
   }
   }
  else if(digit < "0" digit > "9")
   {alert ("输入类型必须为数字！");
   return false;
   }
   }
  return true;
  }

  //校验IP地址格式
  function checkip()
  {
  var scount=0;
  var ip = document.form3.ccc.value;
  var iplength = ip.length;
  var Letters = "1234567890.";
  for (i=0; i < document.form3.ccc.value.length; i++)
   {
   var CheckChar = document.form3.ccc.value.charAt(i);
   if (Letters.indexOf(CheckChar) == -1)
   {
   alert ("IP地址格式不对!!，只能输入数字和“.”,格式为XXX.XXX.XXX.XXX 例如：192.168.0.1");
   document.form3.ccc.value="";
   document.form3.ccc.focus();
   return false;
   }
   }

  for (var i = 0;i<iplength;i++)
   (ip.substr(i,1)==".")?scount++:scount;
  if(scount!=3)
  {
   alert ("IP地址格式不对!，只能输入数字和“.”,格式为XXX.XXX.XXX.XXX 例如：192.168.0.1");
   document.form3.ccc.value="";
   document.form3.ccc.focus();
   return false;
  }

  first = ip.indexOf(".");
  last = ip.lastIndexOf(".");
  str1 = ip.substring(0,first);
  subip = ip.substring(0,last);
  sublength = subip.length;
  second = subip.lastIndexOf(".");
  str2 = subip.substring(first+1,second);
  str3 = subip.substring(second+1,sublength);
  str4 = ip.substring(last+1,iplength);

  if (str1=="" str2=="" str3== "" str4 == "")
  {alert("数字不能为空！格式为XXX.XXX.XXX.XXX 例如：192.168.0.1");
   document.form3.ccc.value="";
   document.form3.ccc.focus();
  return false;
  }
  if (str1< 0 str1 >255)
  {alert ("数字范围为0~255！");
   document.form3.ccc.value="";
   document.form3.ccc.focus();
   return false;
  }
  else if (str2< 0 str2 >255)
  {alert ("数字范围为0~255！");
   document.form3.ccc.value="";
   document.form3.ccc.focus();
  return false;
  }
  else if (str3< 0 str3 >255)
  {alert ("数字范围为0~255！");
   document.form3.ccc.value="";
   document.form3.ccc.focus();
  return false;
  }
  else if (str4< 0 str4 >255)
  {alert ("数字范围为0~255！");
   document.form3.ccc.value="";
   document.form3.ccc.focus();
  return false;
  }

  //校验电话号码
  function checkphone()
  {
  var Letters = "1234567890,";
  for (i=0; i < document.form4.ddd.value.length; i++)
   {
   var CheckChar = document.form4.ddd.value.charAt(i);
   if (Letters.indexOf(CheckChar) == -1)
   {
   alert ("电话号码只能为数字或逗号！");
   return false;
   }
   }
  }


  }



  </script>

  <form name = "form" method="POST" action = "aa" onsubmit ="return checkchar()">
  <p>校验英语字母：<input type="text" name="aaa" size="20">
  </p>
  <p>
  <input type="submit" value="提交" name="B1">
  <input type="reset" value="全部重写" name="B2"></p>
  </form>

  <form name = "form2" method="POST" onsubmit= "return checknum(document.form2.bbb.value)">
  <p>校验数字：<input type="text" name="bbb" size="20"></p>
  <p><input type="submit" value="提交" name="B1"><input type="reset" value="全部重写" name="B2"></p>
  </form>

  <form name = "form3" method="POST" onsubmit = "return checkip()">
  <p>校验IP地址：<input type="text" name="ccc" size="20"></p>
  <p><input type="submit" value="提交" name="B1"><input type="reset" value="全部重写" name="B2"></p>
  </form>

  <form name = "form4" method="POST" onsubmit = "return checkphone()">
  <p>校验电话号码：<input type="text" name="ddd" size="20"><input type="submit" value="提交" name="B1"><input type="reset" value="全部重写" name="B2"></p>
  </form>

  </body>

  </html>

投稿

javascript验证IP地址等验证例子

猜你喜欢