`

js客户端验证的工具类

阅读更多
js客户端验证的工具类
js客户端验证的工具类
关键字: javascript 验证 工具类
common.js

Java代码 复制代码

   1. //扩展String类功能   
   2. //删除字符串二边空格   
   3.    String.prototype.trim = function()   
   4.    {   
   5.     return this.replace(/(^[\s]*)|([\s]*$)/g, "");   
   6.    };   
   7.    //删除字符串左边空格   
   8.    String.prototype.lTrim = function()   
   9.    {   
  10.     return this.replace(/(^[\s]*)/g, "");   
  11.    };   
  12.    //删除字符串右边空格   
  13.    String.prototype.rTrim = function()   
  14.    {   
  15.     return this.replace(/([\s]*$)/g, "");   
  16.    };  

//扩展String类功能
//删除字符串二边空格
   String.prototype.trim = function()
   {
    return this.replace(/(^[\s]*)|([\s]*$)/g, "");
   };
   //删除字符串左边空格
   String.prototype.lTrim = function()
   {
    return this.replace(/(^[\s]*)/g, "");
   };
   //删除字符串右边空格
   String.prototype.rTrim = function()
   {
    return this.replace(/([\s]*$)/g, "");
   };



---------------------------------------------------------------------

chkUtil.js

Java代码 复制代码

   1. //定义一个可静态调用方法的js类   
   2. function ChkUtil() { }   
   3. //校验是否为空(先删除二边空格再验证)   
   4. ChkUtil.isNull = function (str) {   
   5.  if (null == str ||  ""== str.trim()) {   
   6.   return true;   
   7.  } else {   
   8.   return false;   
   9.  }   
  10. };   
  11. //校验是否全是数字   
  12. ChkUtil.isDigit  = function (str) {   
  13.  var patrn=/^\d+$/;   
  14.  return patrn.test(str);   
  15. };   
  16. //校验是否是整数   
  17. ChkUtil.isInteger = function (str) {   
  18.  var patrn=/^([+-]?)(\d+)$/;   
  19.  return patrn.test(str);   
  20. };   
  21. //校验是否为正整数   
  22. ChkUtil.isPlusInteger = function (str) {   
  23.  var patrn=/^([+]?)(\d+)$/;   
  24.  return patrn.test(str);   
  25. };   
  26. //校验是否为负整数   
  27. ChkUtil.isMinusInteger = function (str) {   
  28.  var patrn=/^-(\d+)$/;   
  29.  return patrn.test(str);   
  30. };   
  31. //校验是否为浮点数   
  32. ChkUtil.isFloat=function(str){   
  33.  var patrn=/^([+-]?)\d*\.\d+$/;   
  34.  return patrn.test(str);   
  35. };   
  36. //校验是否为正浮点数   
  37. ChkUtil.isPlusFloat=function(str){   
  38.   var patrn=/^([+]?)\d*\.\d+$/;   
  39.   return patrn.test(str);   
  40. };   
  41. //校验是否为负浮点数   
  42. ChkUtil.isMinusFloat=function(str){   
  43.   var patrn=/^-\d*\.\d+$/;   
  44.   return patrn.test(str);   
  45. };   
  46. //校验是否仅中文   
  47. ChkUtil.isChinese=function(str){   
  48.  var patrn=/[\u4E00-\u9FA5\uF900-\uFA2D]+$/;   
  49.  return patrn.test(str);   
  50. };   
  51. //校验是否仅ACSII字符   
  52. ChkUtil.isAcsii=function(str){   
  53. var patrn=/^[\x00-\xFF]+$/;   
  54. return patrn.test(str);   
  55. };   
  56. //校验手机号码   
  57. ChkUtil.isMobile = function (str) {   
  58.  var patrn = /^0?1((3[0-9]{1})|(59)){1}[0-9]{8}$/;   
  59.  return patrn.test(str);   
  60. };   
  61. //校验电话号码   
  62. ChkUtil.isPhone = function (str) {   
  63.  var patrn = /^(0[\d]{2,3}-)?\d{6,8}(-\d{3,4})?$/;   
  64.  return patrn.test(str);   
  65. };   
  66. //校验URL地址   
  67. ChkUtil.isUrl=function(str){   
  68. var patrn= /^http[s]?:\/\/[\w-]+(\.[\w-]+)+([\w-\.\/?%&=]*)?$/;   
  69. return patrn.test(str);   
  70. };   
  71. //校验电邮地址   
  72. ChkUtil.isEmail = function (str) {   
  73.  var patrn = /^[\w-]+@[\w-]+(\.[\w-]+)+$/;   
  74.  return patrn.test(str);   
  75. };   
  76. //校验邮编   
  77. ChkUtil.isZipCode = function (str) {   
  78.  var patrn = /^\d{6}$/;   
  79.  return patrn.test(str);   
  80. };   
  81. //校验合法时间   
  82. ChkUtil.isDate = function (str) {   
  83.   if(!/\d{4}(\.|\/|\-)\d{1,2}(\.|\/|\-)\d{1,2}/.test(str)){   
  84.     return false;   
  85.   }   
  86.   var r = str.match(/\d{1,4}/g);   
  87.   if(r==null){return false;};   
  88.   var d= new Date(r[0], r[1]-1, r[2]);   
  89.   return (d.getFullYear()==r[0]&&(d.getMonth()+1)==r[1]&&d.getDate()==r[2]);   
  90. };   
  91. //校验字符串:只能输入6-20个字母、数字、下划线(常用手校验用户名和密码)   
  92. ChkUtil.isString6_20=function(str){   
  93.  var patrn=/^(\w){6,20}$/;   
  94.  return patrn.test(str);   
  95. };  

//定义一个可静态调用方法的js类
function ChkUtil() { }
//校验是否为空(先删除二边空格再验证)
ChkUtil.isNull = function (str) {
 if (null == str ||  ""== str.trim()) {
  return true;
 } else {
  return false;
 }
};
//校验是否全是数字
ChkUtil.isDigit  = function (str) {
 var patrn=/^\d+$/;
 return patrn.test(str);
};
//校验是否是整数
ChkUtil.isInteger = function (str) {
 var patrn=/^([+-]?)(\d+)$/;
 return patrn.test(str);
};
//校验是否为正整数
ChkUtil.isPlusInteger = function (str) {
 var patrn=/^([+]?)(\d+)$/;
 return patrn.test(str);
};
//校验是否为负整数
ChkUtil.isMinusInteger = function (str) {
 var patrn=/^-(\d+)$/;
 return patrn.test(str);
};
//校验是否为浮点数
ChkUtil.isFloat=function(str){
 var patrn=/^([+-]?)\d*\.\d+$/;
 return patrn.test(str);
};
//校验是否为正浮点数
ChkUtil.isPlusFloat=function(str){
  var patrn=/^([+]?)\d*\.\d+$/;
  return patrn.test(str);
};
//校验是否为负浮点数
ChkUtil.isMinusFloat=function(str){
  var patrn=/^-\d*\.\d+$/;
  return patrn.test(str);
};
//校验是否仅中文
ChkUtil.isChinese=function(str){
 var patrn=/[\u4E00-\u9FA5\uF900-\uFA2D]+$/;
 return patrn.test(str);
};
//校验是否仅ACSII字符
ChkUtil.isAcsii=function(str){
var patrn=/^[\x00-\xFF]+$/;
return patrn.test(str);
};
//校验手机号码
ChkUtil.isMobile = function (str) {
 var patrn = /^0?1((3[0-9]{1})|(59)){1}[0-9]{8}$/;
 return patrn.test(str);
};
//校验电话号码
ChkUtil.isPhone = function (str) {
 var patrn = /^(0[\d]{2,3}-)?\d{6,8}(-\d{3,4})?$/;
 return patrn.test(str);
};
//校验URL地址
ChkUtil.isUrl=function(str){
var patrn= /^http[s]?:\/\/[\w-]+(\.[\w-]+)+([\w-\.\/?%&=]*)?$/;
return patrn.test(str);
};
//校验电邮地址
ChkUtil.isEmail = function (str) {
 var patrn = /^[\w-]+@[\w-]+(\.[\w-]+)+$/;
 return patrn.test(str);
};
//校验邮编
ChkUtil.isZipCode = function (str) {
 var patrn = /^\d{6}$/;
 return patrn.test(str);
};
//校验合法时间
ChkUtil.isDate = function (str) {
  if(!/\d{4}(\.|\/|\-)\d{1,2}(\.|\/|\-)\d{1,2}/.test(str)){
    return false;
  }
  var r = str.match(/\d{1,4}/g);
  if(r==null){return false;};
  var d= new Date(r[0], r[1]-1, r[2]);
  return (d.getFullYear()==r[0]&&(d.getMonth()+1)==r[1]&&d.getDate()==r[2]);
};
//校验字符串:只能输入6-20个字母、数字、下划线(常用手校验用户名和密码)
ChkUtil.isString6_20=function(str){
 var patrn=/^(\w){6,20}$/;
 return patrn.test(str);
};


------------------------------------------------------------------
调用示例
Java代码 复制代码

   1. <script type='text/javascript' src='./common.js'></script>   
   2. <script type='text/javascript' src='./chkUtil.js'></script>   
   3. <script type='text/javascript'>   
   4.  function $F(id){   
   5.     if(ChkUtil.isNull(id)){alert("函数$F()的参数不能为空");return false;}   
   6.     return document.getElementById(id).value;   
   7.  }   
   8.  function test(){   
   9.   var area=$F("area");   
  10.   if(area==false)return;   
  11.   alert(ChkUtil.isDate(area));//判断是否是合法日期   
  12.  }  

分享到:
评论

相关推荐

    JS客户端表单验证框架

    在压缩包中的"JS表单客户端验证-Validator"文件中,用户可以找到详细的使用说明文档。这份文档通常包括框架的安装步骤、API参考、示例代码以及常见问题解答等部分,是快速上手和深入理解框架功能的关键资源。通过...

    validator框架客户端验证代码

    Validator框架就是Java中用于进行对象校验的一个强大的工具,尤其在处理复杂的业务逻辑时,其客户端验证功能可以极大地提高开发效率和代码质量。本压缩包提供的"validator框架客户端验证代码"正是为了实现这一目的。...

    asp.net mvc 客户端验证

    这些验证工具不仅能够在服务器端执行,还可以选择性地在客户端通过JavaScript进行验证。这样做的好处在于能够即时反馈用户输入错误,并减少不必要的服务器往返,从而提升用户体验。 #### 三、DataAnnotation验证...

    javascript客户端验证和页面特效制作上机、课后练习答案(一)

    总结PPT则是一个全面回顾,它总结了所有章节的主要知识点,帮助学习者梳理学习路径,确保他们能够系统地理解JavaScript客户端验证和页面特效制作的各个方面。 总的来说,这份资源集为学习者提供了一个从基础到进阶...

    shale实现jsf客户端验证例子

    总之,Shale为JSF提供了强大的客户端验证工具,使得开发者能够创建自定义验证规则,提高用户交互体验,同时保证数据的正确性。通过学习和应用Shale,你可以更有效地管理你的JSF项目的验证需求。

    JavaScript客户端验证

    JavaScript客户端验证是Web开发中的重要一环,它主要用于在用户提交数据之前检查输入的有效性,以提高用户体验并减轻服务器端的负担。在这个主题中,我们将深入探讨JavaScript在客户端验证中的应用,涵盖从基础到...

    超强的ASP.NET自定义客户端验证控件

    总的来说,创建ASP.NET自定义客户端验证控件是一项高级技巧,它要求开发者具备扎实的ASP.NET、JavaScript和AJAX基础,但也能带来更高效、更符合项目需求的验证解决方案。通过深入理解这些技术,开发者可以为用户提供...

    js表单验证工具

    JavaScript表单验证工具是Web开发中的重要组成部分,主要用于在用户提交数据前检查输入是否符合预设规则,确保数据的有效性和安全性。在这个项目中,开发者花费了三天时间编写了一个JavaScript库,专注于表单验证...

    javaScript应用客户端编程

    描述中的"当下js所实现的各种各样的功能如下拉、提交、层叠等",进一步细化了JavaScript在客户端编程中的常见应用场景。以下拉功能为例,JavaScript可以创建动态下拉菜单,使得用户在不刷新页面的情况下可以选择不同...

    jsvalidation客户端JavaScript验证框架使用手册.doc

    JSValidation是一个客户端JavaScript验证框架,专门用于BS系统(Brower-Server)或简单的网页系统中的表单验证。它的主要目标是简化表单验证过程,减少开发者编写重复的JavaScript代码。通过封装常见的验证规则...

    解决webwork客户端验证提示信息重复多次显示问题

    在Web开发中,客户端验证是确保用户输入符合预期的重要步骤,它可以提高用户体验并减轻服务器端的压力。WebWork是一个流行的Java Web框架,它提供了强大的动作框架和验证机制。然而,在实际应用中,有时可能会遇到一...

    JS验证

    7. **库和框架**:使用现成的验证工具,如jQuery Validation、React的Formik或Vue的Vuelidate,以提高开发效率。 8. **异步验证**:对于需要服务器验证的情况,如用户名可用性检查,使用Ajax发送请求。 9. **跨...

    SignalFx的Node.js客户端库_JavaScript_HTML_下载.zip

    SignalFx的Node.js客户端库是用于集成Node.js应用程序与SignalFx平台的一个重要工具。SignalFx是一个实时的大数据指标和监控平台,它提供了丰富的可视化和分析功能,尤其在微服务、容器化环境以及云基础设施监控方面...

    JSP客户端表单验证框架JSValidation

    - **与服务器端框架集成**:JSValidation与常见的Java后端框架如Spring MVC、Struts2等有良好的集成,可以在客户端验证失败时返回相应的错误信息。 - **良好的用户体验**:验证过程在客户端进行,可以即时反馈给用户...

    js 表单验证网页特效

    最后,考虑到兼容性和安全性,记得在客户端验证后,还要在服务器端进行二次验证,以防恶意用户绕过客户端验证。 总的来说,JavaScript表单验证是网页开发中必不可少的技能,它涉及到了JavaScript基础、正则表达式、...

    html5客户端表单验证.zip

    综上所述,HTML5客户端表单验证提供了更强大的工具,结合CSS和JavaScript,可以创建出既美观又具有高效验证功能的Web表单。通过学习和运用这些技术,开发者能够显著提高网站或应用的用户体验,同时减轻服务器端的...

    JS表单验证类

    在网页表单中,JS的验证类是必不可少的工具,用于确保用户输入的数据符合预设的规则,提高用户体验并减轻服务器端的压力。 **表单验证的重要性** 表单验证是网站交互中的关键环节,它可以防止无效数据的提交,例如...

    validator 通用JS表单验证类

    综上所述,`validator`通用JS表单验证类为开发者提供了强大的工具来管理和验证网页表单的用户输入,它的易用性和灵活性使其成为前端开发的有力助手。通过深入理解和熟练运用,开发者可以创建更加健壮和用户体验优秀...

    webservice 服务调用工具类

    工具类通过封装这些操作,提供了一种简洁的API,使得开发者无需直接与`HttpWebRequest`交互,只需传入URL和参数即可。 对于返回的数据格式,JSON(JavaScript Object Notation)和XML(eXtensible Markup Language...

    validation js表单验证

    总结来说,Validation JS为Web开发者提供了一套强大的工具,使得在客户端进行表单验证变得更加简单和灵活。通过理解并熟练运用其核心原理和配置文件,我们可以构建出高效且用户体验良好的在线表单。

Global site tag (gtag.js) - Google Analytics