关于Javascript表单验证

最新推荐文章于 2023-06-04 16:00:28 发布
最新推荐文章于 2023-06-04 16:00:28 发布
阅读量101 收藏 1
点赞数
文章标签： javascript 运维 前端 ViewUI
//验证字符串非空 
  
  
var Validator = { 
   VerityLib: { 
        IsNotEmpty: function (input) { 
       if (input != '' ) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
  
  
  //验证数字(double类型) [可以包含负号和小数点] 
     IsNumber: function (input) { 
       var regex = /^-?\d+$|^(-?\d+)(\.\d+)?$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
  
  
  //验证整数 
     IsInteger: function (input) { 
       var regex = /^-?\d+$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
  
  
//验证非负整数 
     IsIntegerNotNagtive: function (input) { 
       var regex = /^\d+$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
  
  
  //验证正整数 
     IsIntegerPositive: function (input) { 
       var regex = /^[0-9]*[1-9][0-9]*$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
  
  
  //验证小数 
     IsDecimal: function (input) { 
       var regex = /^([-+]?[1-9]\d*\.\d+|-?0\.\d*[1-9]\d*)$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     },    
  
//验证只包含英文字母 
     IsEnglishCharacter: function (input) { 
       var regex = /^[A-Za-z]+$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
  
  
  //验证只包含数字和英文字母 
     IsIntegerAndEnglishCharacter: function (input) { 
       var regex = /^[0-9A-Za-z]+$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
  
  
  //验证只包含汉字 
     IsChineseCharacter: function (input) { 
       var regex = /^[\u4e00-\u9fa5]+$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
  
  
  //验证数字长度范围（数字前端的0计长度）[若要验证固定长度，可传入相同的两个长度数值] 
     IsIntegerLength: function (input, lengthBegin, lengthEnd) { 
       var pattern = '^\\d{' + lengthBegin + ',' + lengthEnd + '}$' ; 
       var regex = new RegExp(pattern); 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
  
  
//验证字符串包含内容 
     IsStringInclude: function (input, withEnglishCharacter, withNumber, withChineseCharacter) { 
       if (!Boolean(withEnglishCharacter) && !Boolean(withNumber) && !Boolean(withChineseCharacter)) { 
         return false ; //如果英文字母、数字和汉字都没有，则返回false 
       } 
       var pattern = '^[' ; 
       if (Boolean(withEnglishCharacter)) { 
         pattern += 'a-zA-Z' ; 
       } 
       if (Boolean(withNumber)) { 
         pattern += '0-9' ; 
       } 
       if (Boolean(withChineseCharacter)) { 
         pattern += '\\u4E00-\\u9FA5' ; 
       } 
       pattern += ']+$' ; 
       var regex = new RegExp(pattern); 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
  
  
  //验证字符串长度范围 [若要验证固定长度，可传入相同的两个长度数值] 
     IsStringLength: function (input, LengthBegin, LengthEnd) { 
       var pattern = '^.{' + lengthBegin + ',' + lengthEnd + '}$' ; 
       var regex = new RegExp(pattern); 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
  
  
  //验证字符串长度范围（字符串内只包含数字和/或英文字母）[若要验证固定长度，可传入相同的两个长度数值] 
     IsStringLengthOnlyNumberAndEnglishCharacter: function (input, LengthBegin, LengthEnd) { 
       var pattern = '^[0-9a-zA-z]{' + lengthBegin + ',' + lengthEnd + '}$' ; 
       var regex = new RegExp(pattern); 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
  
  
  //验证字符串长度范围 [若要验证固定长度，可传入相同的两个长度数值] 
     IsStringLengthByInclude: function (input, withEnglishCharacter, withNumber, withChineseCharacter, lengthBegin, lengthEnd) { 
       if (!withEnglishCharacter && !withNumber && !withChineseCharacter) { 
         return false ; //如果英文字母、数字和汉字都没有，则返回false 
       } 
       var pattern = '^[' ; 
       if (Boolean(withEnglishCharacter)) 
         pattern += 'a-zA-Z' ; 
       if (Boolean(withNumber)) 
         pattern += '0-9' ; 
       if (Boolean(withChineseCharacter)) 
         pattern += '\\u4E00-\\u9FA5' ; 
       pattern += ']{' + lengthBegin + ',' + lengthEnd + '}$' ; 
       var regex = new RegExp(pattern); 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
  
  
//验证字符串字节数长度范围 [若要验证固定长度，可传入相同的两个长度数值；每个汉字为两个字节长度] 
     IsStringByteLength: function (input, lengthBegin, lengthEnd) { 
       var regex = /[^\x00-\xff]/g; 
       var byteLength = input.replace(regex, 'ok' ).length; 
       if (byteLength >= lengthBegin && byteLength <= lengthEnd) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
  
  
  //验证日期 [只能验证日期，不能验证时间] 
     IsDateTime: function (input) { 
       if (Date.parse(input)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
      
  
//验证固定电话号码 [3位或4位区号；区号可以用小括号括起来；区号可以省略；区号与本地号间可以用减号或空格隔开；可以有3位数的分机号，分机号前要加减号] 
     IsTelePhoneNumber: function (input) { 
       var regex = /^(((0\d2|0\d{2})[- ]?)?\d{8}|((0\d3|0\d{3})[- ]?)?\d{7})(-\d{3})?$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
      
  
  //验证手机号码 [可匹配"(+86)013325656352"，括号可以省略，+号可以省略，(+86)可以省略，11位手机号前的0可以省略；11位手机号第二位数可以是3、4、5、8中的任意一个] 
     IsMobilePhoneNumber: function (input) { 
       var regex = /^((\+)?86|((\+)?86)?)0?1[3458]\d{9}$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
      
  
  //验证电话号码（可以是固定电话号码或手机号码） 
     IsPhoneNumber: function (input) { 
       var regex = /^((\+)?86|((\+)?86)?)0?1[3458]\d{9}$|^(((0\d2|0\d{2})[- ]?)?\d{8}|((0\d3|0\d{3})[- ]?)?\d{7})(-\d{3})?$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
      
  
  //验证邮政编码 
     IsZipCode: function (input) { 
       var regex = /^\d{6}$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
      
  
  //验证电子邮箱 [@字符前可以包含字母、数字、下划线和点号；@字符后可以包含字母、数字、下划线和点号；@字符后至少包含一个点号且点号不能是最后一个字符；最后一个点号后只能是字母或数字] 
     IsEmail: function (input) { 
       邮箱名以数字或字母开头；邮箱名可由字母、数字、点号、减号、下划线组成；邮箱名（@前的字符）长度为3～18个字符；邮箱名不能以点号、减号或下划线结尾；不能出现连续两个或两个以上的点号、减号。 
       //var regex = /^[a-zA-Z0-9]((?<!(\.\.|--))[a-zA-Z0-9\._-]){1,16}[a-zA-Z0-9]@([0-9a-zA-Z][0-9a-zA-Z-]{0,62}\.)+([0-9a-zA-Z][0-9a-zA-Z-]{0,62})\.?|((25[0-5]|2[0-4]\d|[01]?\d\d?)\.){3}(25[0-5]|2[0-4]\d|[01]?\d\d?)$/; 
       var regex = /^([\w-\.]+)@([\w-\.]+)(\.[a-zA-Z0-9]+)$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
      
  
  //验证网址（可以匹配IPv4地址但没对IPv4地址进行格式验证；IPv6暂时没做匹配）[允许省略"://"；可以添加端口号；允许层级；允许传参；域名中至少一个点号且此点号前要有内容] 
     IsURL: function (input) { 
       每级域名由字母、数字和减号构成（第一个字母不能是减号），不区分大小写，单个域长度不超过63，完整的域名全长不超过256个字符。在DNS系统中，全名是以一个点“.”来结束的，例如“www.nit.edu.cn.”。没有最后的那个点则表示一个相对地址。  
       没有例如"http://"的前缀，没有传参的匹配 
       //var regex = /^([0-9a-zA-Z][0-9a-zA-Z-]{0,62}\.)+([0-9a-zA-Z][0-9a-zA-Z-]{0,62})\.?$/; 
   
       //var regex = /^(((file|gopher|news|nntp|telnet|http|ftp|https|ftps|sftp)://)|(www\.))+(([a-zA-Z0-9\._-]+\.[a-zA-Z]{2,6})|([0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}))(/[a-zA-Z0-9\&%_\./-~-]*)?$/; 
       var regex = /^([a-zA-Z]+:\/\/)?([\w-\.]+)(\.[a-zA-Z0-9]+)(:\d{0,5})?\/?([\w-\/]*)\.?([a-zA-Z]*)\??(([\w-]*=[\w%]*&?)*)$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
      
  
  //验证IPv4地址 [第一位和最后一位数字不能是0或255；允许用0补位] 
     IsIPv4: function (input) { 
       var regex = /^(25[0-4]|2[0-4]\d]|[01]?\d{2}|[1-9])\.(25[0-5]|2[0-4]\d]|[01]?\d?\d)\.(25[0-5]|2[0-4]\d]|[01]?\d?\d)\.(25[0-4]|2[0-4]\d]|[01]?\d{2}|[1-9])$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
      
  
  //验证IPv6地址 [可用于匹配任何一个合法的IPv6地址] 
     IsIPv6: function (input) { 
       var regex = /^\s*((([0-9A-Fa-f]{1,4}:){7}([0-9A-Fa-f]{1,4}|:))|(([0-9A-Fa-f]{1,4}:){6}(:[0-9A-Fa-f]{1,4}|((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){5}(((:[0-9A-Fa-f]{1,4}){1,2})|:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3})|:))|(([0-9A-Fa-f]{1,4}:){4}(((:[0-9A-Fa-f]{1,4}){1,3})|((:[0-9A-Fa-f]{1,4})?:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){3}(((:[0-9A-Fa-f]{1,4}){1,4})|((:[0-9A-Fa-f]{1,4}){0,2}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){2}(((:[0-9A-Fa-f]{1,4}){1,5})|((:[0-9A-Fa-f]{1,4}){0,3}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(([0-9A-Fa-f]{1,4}:){1}(((:[0-9A-Fa-f]{1,4}){1,6})|((:[0-9A-Fa-f]{1,4}){0,4}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:))|(:(((:[0-9A-Fa-f]{1,4}){1,7})|((:[0-9A-Fa-f]{1,4}){0,5}:((25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)(\.(25[0-5]|2[0-4]\d|1\d\d|[1-9]?\d)){3}))|:)))(%.+)?\s*$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
      
  
  //验证身份证号 [可验证一代或二代身份证] 
     IsIDCard: function (input) { 
       input = input.toUpperCase(); 
       //验证身份证号码格式 [一代身份证号码为15位的数字；二代身份证号码为18位的数字或17位的数字加字母X] 
       if (!(/(^\d{15}$)|(^\d{17}([0-9]|X)$)/i.test(input))) { 
         return false ; 
       } 
       //验证省份 
       var arrCity = { 11: '北京' , 12: '天津' , 13: '河北' , 14: '山西' , 15: '内蒙古' , 21: '辽宁' , 22: '吉林' , 23: '黑龙江 ' , 31: '上海' , 32: '江苏' , 33: '浙江' , 34: '安徽' , 35: '福建' , 36: '江西' , 37: '山东' , 41: '河南' , 42: '湖北' , 43: '湖南' , 44: '广东' , 45: '广西' , 46: '海南' , 50: '重庆' , 51: '四川' , 52: '贵州' , 53: '云南' , 54: '西藏' , 61: '陕西' , 62: '甘肃' , 63: '青海' , 64: '宁夏' , 65: '新疆' , 71: '台湾' , 81: '香港' , 82: '澳门' , 91: '国外' }; 
       if (arrCity[parseInt(input.substr(0, 2))] == null ) { 
         return false ; 
       } 
        
  
//验证出生日期 
       var regBirth, birthSplit, birth; 
       var len = input.length; 
       if (len == 15) { 
         regBirth = new RegExp(/^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/); 
         birthSplit = input.match(regBirth); 
         birth = new Date( '19' + birthSplit[2] + '/' + birthSplit[3] + '/' + birthSplit[4]); 
         if (!(birth.getYear() == Number(birthSplit[2]) && (birth.getMonth() + 1) == Number(birthSplit[3]) && birth.getDate() == Number(birthSplit[4]))) { 
           return false ; 
         } 
         return true ; 
       } 
       else if (len == 18) { 
         regBirth = new RegExp(/^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/i); 
         birthSplit = input.match(regBirth); 
         birth = new Date(birthSplit[2] + '/' + birthSplit[3] + '/' + birthSplit[4]); 
         if (!(birth.getFullYear() == Number(birthSplit[2]) && (birth.getMonth() + 1) == Number(birthSplit[3]) && birth.getDate() == Number(birthSplit[4]))) { 
           return false ; 
         } 
         //验证校验码 
         var valnum; 
         var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2); 
         var arrCh = new Array( '1' , '0' , 'X' , '9' , '8' , '7' , '6' , '5' , '4' , '3' , '2' ); 
         var nTemp = 0, i; 
         for (i = 0; i < 17; i++) { 
           nTemp += input.substr(i, 1) * arrInt[i]; 
         } 
         valnum = arrCh[nTemp % 11]; 
         if (valnum != input.substr(17, 1)) { 
           return false ; 
         } 
         return true ; 
       } 
       return false ; 
     }, 
      
  
  //验证经度 
     IsLongitude: function (input) { 
       var regex = /^[-\+]?((1[0-7]\d{1}|0?\d{1,2})\.\d{1,5}|180\.0{1,5})$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     }, 
      
  
//验证纬度 
     IsLatitude: function (input) { 
       var regex = /^[-\+]?([0-8]?\d{1}\.\d{1,5}|90\.0{1,5})$/; 
       if (input.match(regex)) { 
         return true ; 
       } else { 
         return false ; 
       } 
     } 
   } 
}
b10l07
关注
javascript验证
04-13
NULL 博文链接：https://wangmuchang.iteye.com/blog/1722565
js验证大全
mayufenga1的博客
06-28 77
转载地址 ：http://www.iteye.com/topic/698296 1. //验证是否为空 2. function check_blank(obj, obj_name){ 3. if(obj.value != ''){ 4. return true; 5. }else{ ...
javascript表单验证
热门推荐
diershi的专栏
04-16 1万+
   做了一个javascript表单验证，个人觉得还可以。基本效果是获得焦点显示提示信息，失去焦点进行验证。 1、用户名验证：匹配规则为4到16个字符（包括字母和数字）。代码如下： function isNumberOrLetter(s)//判断是否是数字或字母,用于验证用户名，失去焦点验证。            {           var regu = "^[0-9a-z
JavaScript 表单验证
smarten57的博客
05-28 1246
密码：电子邮件：电子邮件：姓名：
Javascript数字验证
曾皓
06-10 150
注意:最好不要使用isNaN()方法,因为如果一个字符是空格的情况下,它也会把它当成数字.你必须处理空格的问题了. 呵呵,其实处理空格的问题也不难,更简单的方法处理数字问题如下: ------------- function isNumber(str){ var mynumber="0123456789"; for(var i=0;i...
JavaScript表单验证实现代码
12-10
JavaScript 表单验证是网页开发中的重要一环，它允许开发者在用户提交数据到服务器之前进行数据的合法性检查，从而提高用户体验并减轻服务器端的压力。本文将深入探讨如何使用JavaScript来实现基本的表单验证。 ...
Javascript表单验证要注意的事项
12-03
以下是一些在进行JavaScript表单验证时需要注意的事项： 1. **表单元素的查找方式**： - `getElementById()`：通过ID来查找表单，例如`var oForm = document.getElementById("Form1");` - `forms[]`数组：通过...
常用javascript表单验证汇总
01-19
实例讲解：验证输入的是否是数字，是否满足数字位数，如果错误，并进行友情提醒。 效果图： <!DOCTYPE html> <html> <body> 我的第一段 JavaScript 请输入数字。如果输入值不是数字，浏览器会弹出...
javascript表单验证和Window详解
12-11
通过JavaScript表单验证和Window对象，我们可以创建更加动态、交互丰富的Web应用，提供更好的用户体验，同时减轻服务器的负担。在实际开发中，应当根据项目需求灵活运用这些技术，结合HTML5的新特性，实现更加智能和...
javascript表单验证使用示例(javascript验证邮箱)
10-26
JavaScript 表单验证是网页开发中一种常见的技术，它允许开发者在用户提交数据到服务器之前对用户输入的数据进行检查，确保其格式正确、合法。这不仅提高了用户体验，减少了无效请求，也减轻了服务器端的处理压力。...
JavaScript 验证 API
smarten57的博客
05-27 1487
3. **第三方验证库（Third-party Validation Libraries）**：除了使用原生JavaScript验证API，你还可以使用第三方的验证库来简化验证操作。2. **表单验证（Form Validation）**：对于表单验证，JavaScript提供了一些内置的方法和属性来访问表单元素以及验证其值。1. **正则表达式（Regular Expressions）**：正则表达式是一种强大的验证工具，用于匹配和验证字符串。根据你的具体需求，你可以选择适合的方法来验证用户输入的数据。
JavaScript验证表单函数大全
zpchen
12-14 121
&lt;script&gt; /* 用途：校验ip地址的格式 输入：strIP：ip地址 返回：如果通过验证返回true,否则返回false； */ function isIP(strIP) { if (isNull(strIP)) return false; var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式 if(re.test(strI...
javascript验证方法
似水流年风萧兮
10-31 482
判断是否是正整数；判断是否超出count位小数；判断是否是邮箱格式；校验是否中文名称组成；检测浏览器是否支持svg；检测浏览器是否支持canvas；检测是否是微信浏览器；检测是否移动端及浏览器内核；检测是否电脑端/移动端；检测浏览器内核
使用 JavaScript 进行表单验证
最新发布
我的博客，不一样的自我表达
06-04 302
如果输入值为空，则代码将错误消息设置为相关消息并将错误类应用于父formDetailsdiv。选择器将表单容器的属性.formContainer设置为父元素的属性，并将视口高度的属性设置为属性，并使用定位和属性 -将其定位在屏幕中心。和选择器将父容器的宽度设置为，将选择器顶部和底部的input填充设置为，将字体大小设置为。然后它对每个输入字段执行验证并在 div 中显示适当的错误消息，并根据验证结果 errorMessage将成功和错误类应用于父div。这是将显示与相应输入字段相关的任何错误消息的位置。
Javascript验证方法大全
极客神殿
10-25 640
//验证字符串非空 var Validator = { VerityLib: { IsNotEmpty: function (input) { if (input != '') { return true; } else { return false; } }, //验证数字...
【JavaScript 】常用JS 验证
Shane_FZ_C的博客
09-20 285
【JavaScript 】常用JavaScript 验证1、长度限制2、只能是汉字3、只能是英文字母4、只能是数字5、 只能是英文字母和数字6、检验时间大小(与当前时间比较)7、屏蔽关键字(这里屏蔽*和**)8、两次输入密码是否相同9、表单项不能为空10、邮箱验证11、验证手机号12、验证×××号码（需是有效×××）13、日期验证 1、长度限制 <form name="a" onsubmit...
用JavaScript验证表单
qq_43328996的博客
06-23 457
最简单的表单验证----禁止空白的必填项目 最简单表单的HTML结构 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"/> <title>最简单表单的HTML结构</title> </head> <body> ...
JavaScript表单验证技巧全集
"本文主要介绍了JavaScript表单验证的各种方法，包括长度限制、只能输入汉字、只能输入英文、只能输入数字以及只能输入英文字符和数字的验证。这些验证可以帮助确保用户在表单中输入的数据符合预期格式，从而提高...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值