JavaScript
搜索
分类

javascript验证IP地址等验证例子

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


 本文实例介绍了使用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,校验
0
投稿

猜你喜欢

  • golang语言http协议get拼接参数操作

    2024-05-08 10:45:10

  • 关于golang中平行赋值浅析

    2024-05-05 09:33:42

  • Python socket模块方法实现详解

    2021-02-12 20:52:39

  • C#/.Net 中快速批量给SQLite数据库插入测试数据

    2024-01-27 02:19:36

  • Python wxpython模块响应鼠标拖动事件操作示例

    2022-11-01 04:40:16

  • SQL数据库实例名称找不到或远程连接失败并显示错误error40的原因及解决办法

    2024-01-27 11:40:18

  • firefox扩展插件制作方法

    2007-10-12 13:50:00

  • Navicat for SQLite导入csv中文数据的方法

    2024-01-22 18:56:26

  • ThinkPHP基于think-queue的队列插件实现消息推送

    2023-05-25 05:59:12

  • 清除SQL被注入恶意病毒代码的语句

    2010-03-03 09:59:00

  • PHP获取指定日期是星期几的实现方法

    2024-05-09 14:47:21

  • SQL Server存储过程入门学习

    2024-01-28 20:12:13

  • 如何利用Python将html转为pdf、word文件

    2022-07-27 10:36:55

  • python实现名片管理系统

    2021-04-02 22:21:40

  • python 顺时针打印矩阵的超简洁代码

    2023-03-25 14:03:52

  • 如何利用python多线程爬取天气网站图片并保存

    2022-01-21 18:16:12

  • SpringBoot配置数据库密码加密的实现

    2024-01-26 07:33:01

  • pyenv虚拟环境管理python多版本和软件库的方法

    2022-07-18 07:56:30

  • 详解用 python-docx 创建浮动图片

    2021-07-16 13:32:12

  • mysql的XA事务恢复过程详解

    2024-01-18 07:44:22
    • asp之家 网络编程 m.aspxhome.com