`

常用功能的Javascript实现

JavaScript正则表达式prototype 
阅读更多

常用功能的javascript实现

-------摘抄自《tech.163》，并经过修改，以便今后查看之用           

js 代码
  1. /*  
  2. -------------- 函数检索 --------------  
  3. trim函数:                         trim() lTrim() rTrim()  
  4. 校验字符串是否为空:                 checkIsNotEmpty(str)  
  5. 校验字符串是否为整型:               checkIsInteger(str)  
  6. 校验整型最小值:                    checkIntegerMinValue(str,val)  
  7. 校验整型最大值:                    checkIntegerMaxValue(str,val)  
  8. 校验整型是否为非负数:               isNotNegativeInteger(str)  
  9. 校验字符串是否为浮点型:             checkIsDouble(str)  
  10. 校验浮点型最小值:                  checkDoubleMinValue(str,val)  
  11. 校验浮点型最大值:                  checkDoubleMaxValue(str,val)  
  12. 校验浮点型是否为非负数:             isNotNegativeDouble(str)  
  13. 校验字符串是否为日期型:             checkIsValidDate(str)  
  14. 校验两个日期的先后:                checkDateEarlier(strStart,strEnd)  
  15. 校验字符串是否为email型:           checkEmail(str)  
  16.  
  17. 校验字符串是否为中文:               checkIsChinese(str)  
  18. 计算字符串的长度，一个汉字两个字符:   realLength()  
  19. 校验字符串是否符合自定义正则表达式:   checkMask(str,pat)  
  20. 得到文件的后缀名:                   getFilePostfix(oFile)   
  21. -------------- 函数检索 --------------  
  22. */  
  23.   
  24. /**  
  25. * 去除多余空格函数  
  26. * trim:去除两边空格 lTrim:去除左空格 rTrim: 去除右空格  
  27. * 用法：  
  28. *     var str = "  hello ";  
  29. *     str = str.trim();  
  30. */  
  31. String.prototype.trim = function() {   
  32.     return this.replace(/(^[\\s]*)|([\\s]*$)/g, "");   
  33. }   
  34.   
  35. String.prototype.lTrim = function(){   
  36.     return this.replace(/(^[\\s]*)/g, "");   
  37. }   
  38.   
  39. String.prototype.rTrim = function(){   
  40.     return this.replace(/([\\s]*$)/g, "");   
  41. }    
  42.   
  43. /**  
  44. *校验字符串是否为空  
  45. *返回值：  
  46. *如果不为空，定义校验通过，返回true  
  47. *如果为空，校验不通过，返回false   
  48. *参考提示信息：输入域不能为空！  
  49. */  
  50. function checkIsNotEmpty(str) {   
  51.     if(str.trim() == "")   
  52.         return false;   
  53.     else  
  54.         return true;   
  55. }   
  56.   
  57. /**  
  58. *校验字符串是否为整型  
  59. *返回值：  
  60. *如果为空，定义校验通过，返回true  
  61. *如果字串全部为数字，校验通过，返回true  
  62. *如果校验不通过，返回false   
  63. *参考提示信息：输入域必须为数字！  
  64. */  
  65. function checkIsInteger(str){   
  66.     //如果为空，则通过校验   
  67.   if(str == "")   
  68.         return true;   
  69.     if(/^(\\-?)(\\d+)$/.test(str)) {   
  70.         return true;   
  71.     } else {   
  72.         return false;   
  73.     }   
  74. }   
  75.   
  76. /**  
  77. *校验整型最小值  
  78. *str：要校验的串。val：比较的值  
  79. *  
  80. *返回值：  
  81. *如果为空，定义校验通过，返回true  
  82. *如果满足条件，大于等于给定值，校验通过，返回true  
  83. *如果小于给定值，返回false  
  84. *参考提示信息：输入域不能小于给定值！  
  85. */  
  86. function checkIntegerMinValue(str,val) {   
  87.     //如果为空，则通过校验   
  88.     if(str == "")   
  89.             return true;   
  90.         if(typeof(val) != "string")   
  91.             val = val + "";   
  92.         if(checkIsInteger(str) == true){   
  93.             if(parseInt(str,10)>=parseInt(val,10))   
  94.                 return true;   
  95.             else  
  96.                 return false;   
  97.         } else {   
  98.             return false;   
  99.         }   
  100. }   
  101.   
  102. /**  
  103. *校验整型最大值  
  104. *str：要校验的串。val：比较的值  
  105. *  
  106. *返回值：  
  107. *如果为空，定义校验通过，返回true  
  108. *如果满足条件，小于等于给定值，校验通过，返回true  
  109. *如果大于给定值，返回false         
  110. *参考提示信息：输入值不能大于给定值！  
  111. */  
  112. function checkIntegerMaxValue(str,val) {   
  113.     //如果为空，则通过校验   
  114.   if(str == "")   
  115.         return true;   
  116.     if(typeof(val) != "string")   
  117.         val = val + "";   
  118.     if(checkIsInteger(str) == true){   
  119.         if(parseInt(str,10)<=parseInt(val,10))   
  120.             return true;   
  121.         else  
  122.             return false;   
  123.     } else {   
  124.         return false;   
  125.     }   
  126. }   
  127.   
  128. /**  
  129. *校验整型是否为非负数  
  130. *str：要校验的串。  
  131. *  
  132. *返回值：  
  133. *如果为空，定义校验通过，返回true  
  134. *如果非负数，返回true  
  135. *如果是负数，返回false   
  136. *参考提示信息：输入值不能是负数！  
  137. */  
  138. function isNotNegativeInteger(str){   
  139.     //如果为空，则通过校验   
  140.   if(str == "")   
  141.         return true;   
  142.     if(checkIsInteger(str) == true){   
  143.         if(parseInt(str,10) < 0)   
  144.             return false;   
  145.         else  
  146.             return true;   
  147.     }else{   
  148.         return false;   
  149.     }   
  150. }   
  151.   
  152. /**  
  153. *校验字符串是否为浮点型  
  154. *返回值：  
  155. *如果为空，定义校验通过，返回true  
  156. *如果字串为浮点型，校验通过，返回true  
  157. *如果校验不通过，返回false  
  158. *参考提示信息：输入域不是合法的浮点数！  
  159. */  
  160. function checkIsDouble(str) {   
  161.     //如果为空，则通过校验   
  162.   if(str == "")   
  163.         return true;   
  164.     //如果是整数，则校验整数的有效性   
  165.   if(str.indexOf(".") == -1) {   
  166.         if(checkIsInteger(str) == true)   
  167.             return true;   
  168.         else  
  169.             return false;   
  170.     } else {   
  171.         if(/^(\\-?)(\\d+)(.{1})(\\d+)$/g.test(str))   
  172.             return true;   
  173.         else  
  174.             return false;   
  175.     }   
  176. }   
  177.   
  178. /**  
  179. *校验浮点型最小值  
  180. *str：要校验的串。val：比较的值  
  181. *  
  182. *返回值：  
  183. *如果为空，定义校验通过，返回true  
  184. *如果满足条件，大于等于给定值，校验通过，返回true  
  185. *如果小于给定值，返回false               
  186. * 参考提示信息：输入域不能小于给定值！  
  187. */  
  188. function checkDoubleMinValue(str,val) {   
  189.     //如果为空，则通过校验   
  190.   if(str == "")   
  191.         return true;   
  192.     if(typeof(val) != "string")   
  193.         val = val + "";   
  194.     if(checkIsDouble(str) == true){   
  195.         if(parseFloat(str)>=parseFloat(val))   
  196.             return true;   
  197.         else  
  198.             return false;   
  199.     } else {   
  200.         return false;   
  201.     }   
  202. }   
  203.   
  204. /**  
  205. *校验浮点型最大值  
  206. *str：要校验的串。  val：比较的值  
  207. *  
  208. *返回值：  
  209. *如果为空，定义校验通过，返回true  
  210. *如果满足条件，小于等于给定值，校验通过，返回true  
  211. *如果大于给定值，返回false         
  212. *参考提示信息：输入值不能大于给定值！  
  213. */  
  214. function checkDoubleMaxValue(str,val) {   
  215.     //如果为空，则通过校验   
  216.   if(str == "")   
  217.         return true;   
  218.     if(typeof(val) != "string")   
  219.         val = val + "";   
  220.     if(checkIsDouble(str) == true) {   
  221.         if(parseFloat(str)<=parseFloat(val))   
  222.             return true;   
  223.         else  
  224.             return false;   
  225.     } else {   
  226.         return false;   
  227.     }   
  228. }   
  229.   
  230. /**  
  231. *校验浮点型是否为非负数  
  232. *str：要校验的串。  
  233. *  
  234. *返回值：  
  235. *如果为空，定义校验通过，返回true  
  236. *如果非负数，返回true  
  237. *如果是负数，返回false  
  238. *参考提示信息：输入值不能是负数！  
  239. */  
  240. function isNotNegativeDouble(str) {   
  241.     //如果为空，则通过校验   
  242.   if(str == "")   
  243.         return true;   
  244.     if(checkIsDouble(str) == true) {   
  245.         if(parseFloat(str) < 0)   
  246.             return false;   
  247.         else  
  248.             return true;   
  249.     } else {   
  250.         return false;   
  251.     }   
  252. }   
  253.   
  254. /**  
  255. *校验字符串是否为日期型  
  256. *返回值：  
  257. *如果为空，定义校验通过，返回true  
  258. *如果字串为日期型，校验通过，返回true  
  259. *如果日期不合法，返回false      
  260. *参考提示信息：输入域的时间不合法！（yyyy-MM-dd）  
  261. */  
  262. function checkIsValidDate(str) {   
  263.     //如果为空，则通过校验   
  264.   if(str == "")   
  265.         return true;   
  266.     var pattern = /^((\\d{4})|(\\d{2}))-(\\d{1,2})-(\\d{1,2})$/g;   
  267.     if(!pattern.test(str))   
  268.         return false;   
  269.     var arrDate = str.split("-");   
  270.     if(parseInt(arrDate[0],10) < 100)   
  271.         arrDate[0] = 2000 + parseInt(arrDate[0],10) + "";   
  272.     var date =  new Date(arrDate[0],(parseInt(arrDate[1],10) -1)+"",arrDate[2]);   
  273.     if(date.getYear() == arrDate[0]   
  274.        && date.getMonth() == (parseInt(arrDate[1],10) -1)+""  
  275.        && date.getDate() == arrDate[2])   
  276.         return true;   
  277.     else  
  278.         return false;   
  279. }   
  280.   
  281. /**  
  282. *校验两个日期的先后  
  283. *返回值：  
  284. *如果其中有一个日期为空，校验通过。 返回true  
  285. *如果起始日期早于等于终止日期，校验通过，返回true  
  286. *如果起始日期晚于终止日期，返回false      
  287. *参考提示信息： 起始日期不能晚于结束日期。  
  288. */  
  289. function checkDateEarlier(strStart,strEnd) {   
  290.     if(checkIsValidDate(strStart) == false || checkIsValidDate(strEnd) == false)   
  291.         return false;   
  292.     //如果有一个输入为空，则通过检验   
  293.   if (( strStart == "" ) || ( strEnd == "" ))   
  294.         return true;   
  295.     var arr1 = strStart.split("-");   
  296.     var arr2 = strEnd.split("-");   
  297.     var date1 = new Date(arr1[0],parseInt(arr1[1].replace(/^0/,""),10) - 1,arr1[2]);   
  298.     var date2 = new Date(arr2[0],parseInt(arr2[1].replace(/^0/,""),10) - 1,arr2[2]);   
  299.     if(arr1[1].length == 1)   
  300.         arr1[1] = "0" + arr1[1];   
  301.     if(arr1[2].length == 1)   
  302.         arr1[2] = "0" + arr1[2];   
  303.     if(arr2[1].length == 1)   
  304.         arr2[1] = "0" + arr2[1];   
  305.     if(arr2[2].length == 1)   
  306.         arr2[2]="0" + arr2[2];   
  307.     var d1 = arr1[0] + arr1[1] + arr1[2];   
  308.     var d2 = arr2[0] + arr2[1] + arr2[2];   
  309.     if(parseInt(d1,10) > parseInt(d2,10))   
  310.        return false;   
  311.     else  
  312.        return true;   
  313. }   
  314.   
  315. /**  
  316. *校验字符串是否为email型  
  317. *返回值：  
  318. *如果为空，定义校验通过，返回true  
  319. *如果字串为email型，校验通过，返回true  
  320. *如果email不合法，返回false      
  321. *参考提示信息：Email的格式不正確！  
  322. */  
  323. function checkEmail(str) {   
  324.     //如果为空，则通过校验   
  325.   if(str == "")   
  326.         return true;   
  327.     if (str.charAt(0) == "." || str.charAt(0) == "@" || str.indexOf(\'@\', 0) == -1   
  328.         || str.indexOf(\'.\', 0) == -1 || str.lastIndexOf("@") == str.length-1 || str.lastIndexOf(".") == str.length-1)   
  329.         return false;   
  330.     else  
  331.         return true;   
  332. }   
  333.   
  334. /**  
  335. *校验字符串是否为中文  
  336. *返回值：  
  337. *如果为空，定义校验通过，返回true  
  338. *如果字串为中文，校验通过，返回true  
  339. *如果字串为非中文，返回false      
  340. *参考提示信息：必须为中文！  
  341. */  
  342. function checkIsChinese(str) {   
  343.     //如果值为空，通过校验   
  344.   if (str == "")   
  345.         return true;   
  346.     var pattern = /^([\\u4E00-\\u9FA5]|[\\uFE30-\\uFFA0])*$/gi;   
  347.     if (pattern.test(str))   
  348.         return true;   
  349.     else  
  350.         return false;   
  351. }   
  352.   
  353. /**  
  354. * 计算字符串的长度，一个汉字两个字符  
  355. */  
  356. String.prototype.realLength = function() {   
  357.   return this.replace(/[^\\x00-\\xff]/g,"**").length;   
  358. }   
  359.   
  360. /**  
  361. *校验字符串是否符合自定义正则表达式  
  362. *str 要校验的字串  pat 自定义的正则表达式  
  363. *返回值：  
  364. *如果为空，定义校验通过，返回true  
  365. *如果字串符合，校验通过，返回true  
  366. *如果字串不符合，返回false  
  367. *参考提示信息：必须满足***模式  
  368. */  
  369. function checkMask(str,pat) {   
  370.     //如果值为空，通过校验   
  371.   if (str == "")   
  372.         return true;   
  373.     var pattern = new RegExp(pat,"gi")   
  374.     if (pattern.test(str))   
  375.         return true;   
  376.     else  
  377.         return false;   
  378. }   
  379.   
  380. /**  
  381. * 得到文件的后缀名  
  382. * oFile为file控件对象  
  383. */  
  384. function getFilePostfix(oFile) {   
  385.     if(oFile == null)   
  386.         return null;   
  387.     var pattern = /(.*)\\.(.*)$/gi;   
  388.     if(typeof(oFile) == "object") {   
  389.         if(oFile.value == null || oFile.value == "")   
  390.             return null;   
  391.         var arr = pattern.exec(oFile.value);   
  392.         return RegExp.$2;   
  393.     } else if(typeof(oFile) == "string") {   
  394.         var arr = pattern.exec(oFile);   
  395.         return RegExp.$2;   
  396.     } else {   
  397.         return null;   
  398.     }   
  399. }  

 

分享到：
| JavaScript实现打印与预览
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript常用函数 javascript 常用库

    在JavaScript中，函数是代码的可重用部分，它们可以接受参数并返回值，是实现程序模块化的重要手段。在JavaScript的常用库中，我们可以找到许多方便的公共方法，这些方法极大地提高了开发效率。 一、JavaScript常用...

    程序员常用的javascript特效

    本资源"程序员常用的javascript特效"旨在为开发者提供一系列实用的JavaScript特效实例，帮助他们快速实现所需功能。 在JavaScript特效中，有以下几个重要的知识点： 1. **DOM操作**：JavaScript通过Document ...

    常用javascript案例大全

    JavaScript 是一种广泛应用于 Web 开发中的脚本语言，下面是常用的 JavaScript 案例大全，包括原生 JavaScript 实现字符串长度截取、获取域名主机、清除空格、替换全部、转义 HTML 标签、还原 HTML 标签、时间日期...

    程序员常用JavaScript特效

    本文将深入探讨一些程序员常用的JavaScript特效及其背后的原理。 首先，我们来谈谈JavaScript基础。JavaScript是一种解释型、弱类型、基于原型的对象导向语言，它主要在浏览器环境中运行，用于处理用户交互、操作...

    javascript个人常用特效

    JavaScript是一种广泛应用于网页和互联网应用开发的脚本语言，它主要负责实现客户端的交互效果和动态功能。在“javascript个人常用特效”这个主题中，我们可以深入探讨JavaScript在创建各种视觉效果和用户交互方面的...

    网页歌词秀实现，JavaScript实现

    虽然这个实现不包括自动搜索歌词的功能，但它依然展示了JavaScript在处理动态内容和实时更新方面的强大能力。 首先，JavaScript的核心在于DOM（Document Object Model）操作。为了展示歌词，我们需要创建一个HTML...

    常用的javascript脚本、特效

    10. 拖放功能：JavaScript可以实现元素的拖放操作，方便用户进行文件上传或页面布局调整。 11. 社交分享：通过JavaScript SDK，可以集成微博、微信等社交平台的分享功能，增强内容的传播力。 12. 响应式设计：...

    常用javascript验证功能

    下面我们将深入探讨"常用javascript验证功能"，包括取keycode大全、日期格式化及验证以及数字格式验证。 1. Keycode大全： Keycode是键盘按键的唯一标识符，JavaScript可以捕获并处理这些按键事件。通过监听键盘...

    Javascript特效代码大全 程序员常用的网页特效

    JavaScript是一种强大的客户端脚本语言，广泛应用于网页开发，用于实现各种动态效果和交互性功能。在"Javascript特效代码大全"这个资源中，程序员可以找到许多实用的JavaScript代码示例，帮助提升网页的用户体验和...

    JavaScript 常用功能代码

    这篇博客"JavaScript 常用功能代码"可能是分享了一些实用的JavaScript代码片段和工具，帮助开发者更高效地进行前端开发。标签“源码”和“工具”暗示了内容可能包含代码示例和在线工具。 在JavaScript开发中，有几...

    W3Cfuns1500个前端开发常用JavaScript特效

    6. **时间日期处理**：JavaScript提供了Date对象，可以方便地处理日期和时间，实现倒计时、日历组件、时间戳转换等功能，增强网站的时间敏感信息展示。 7. **触摸事件**：随着移动设备的普及，JavaScript支持触摸...

    浅析JavaScript技术与A5系统功能实现.pdf

    用户的具体操作界面由Web浏览器实现图形界面操作，JavaScript实现页面内按钮功能，进行前台与后台的数据交互。 在技术创新点和特性中，大庆油田地面工程信息系统每个单位只有固定的个人来维护和查看，工作量大并且...

    JavaScript实现IE菜单功能

    JavaScript是Web开发中不可或缺的一部分，尤其在实现交互性功能时发挥着关键作用。在IE浏览器中，JavaScript可以用来实现各种自定义菜单功能，以增强用户体验。本文将详细讲解如何使用JavaScript来实现IE菜单功能，...

    网页常用Javascript经典代码收集

    根据给定的文件信息，以下是对“网页常用Javascript经典代码收集”的知识点详细解析： ### 1. 添加书签功能 这段代码实现了一个简单的添加书签的功能。通过调用`window.external.addFavorite`方法，可以将当前页面...

    HTML和JavaScript的常用功能

    1. **播放音乐.htm** - 在网页中播放音乐是通过HTML5的`&lt;audio&gt;`标签实现的，JavaScript可以用于控制音频的播放、暂停、音量调节等功能。例如，使用`document.getElementById('audioID').play()`来播放指定ID的音频...

    一些常用的Javascript特效

    这个压缩包文件中的"一些常用的Javascript特效"显然包含了多种利用JavaScript实现的视觉效果和交互功能，这些效果可以极大地提升网站的吸引力和用户体验。让我们深入探讨一下JavaScript特效在网页设计中的重要性和...

    51CTO下载-1500个前端开发常用JavaScript特效

    1. **滑动门头（Sliding Headers）**：这是一种常见的网页设计技巧，通过JavaScript实现头部元素的动态展示，如导航菜单在滚动时固定在顶部或呈现渐隐渐现效果。 2. **轮播图（Carousel）**：JavaScript可以用来...

Magicbox
Global site tag (gtag.js) - Google Analytics