前端开发常用校验(转载总结)

1,文本框失去焦点时若有值则trim

Js代码

  1. $(‘#identityTF‘).blur(function (e) {
  2. console.log(‘blur‘);
  3. //去掉首尾的空格
  4. var eventTarget = e.srcElement || e.target || e.toElement;
  5. if (eventTarget) {
  6. var identityTmp = eventTarget.value;
  7. identityTmp = util.trim(identityTmp);
  8. if (identityTmp) {
  9. eventTarget.value = identityTmp;
  10. }
  11. }
  12. })

2,文本框聚焦或有键按下时清除错误样式

Js代码

  1. /***
  2. * 清除错误样式
  3. * @param event
  4. */
  5. var cleanErrorStyle = function (event) {
  6. var errorClass = ‘has-error-inp‘;
  7. var eventTarget = event.srcElement || event.target || event.toElement;
  8. $(eventTarget).removeClass(errorClass);
  9. };
  10. $(‘input[type=text]‘).keydown(cleanErrorStyle).focus(cleanErrorStyle);

3,如何在事件处理方法中获取事件源(控件)

方式一:

var eventTarget = e.srcElement || e.target || e.toElement;

方式二:

var val=$(this).val();4、身份证验证

function (code) {
//return /^[0-9]+(.[0-9]{1,2})?$/.test(str);
var city = { 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(!code || !/^(\d{15}$|^\d{18}$|^\d{20}$|^\d{17}(\d|X|x)$|^\d{17}(\d|X|x)(\d{2}))$/i.test(code)){
return false;
}
else if (!city[code.substr(0, 2)]) {
return false;
}
else {
//18位身份证需要验证最后一位校验位
if (code.length == 20) {
code = code.substr(0, 18)
}
if (code.length == 18) {
code = code.split(‘‘);
//∑(ai×Wi)(mod 11)
//加权因子
var factor = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2];
//校验位
var parity = [1, 0, ‘X‘, 9, 8, 7, 6, 5, 4, 3, 2];
var sum = 0;
var ai = 0;

5、必须是小数点后最多带两位小数且大于零的小数

function (str) {
//var month = $("#workTime_month").val
return /^[0-9]+(.[0-9]{1,2})?$/.test(str);
},

var wi = 0;
for (var i = 0; i < 17; i++) {
ai = code[i];
wi = factor[i];
sum += ai * wi;
}
var last = parity[sum % 11];
if (parity[sum % 11] != code[17]) {
return false;
}
return true;
}
}
},

 
时间: 2024-10-08 05:20:37

前端开发常用校验(转载总结)的相关文章

前端开发常用工具--转载

作者:简生链接:https://www.zhihu.com/question/19561454/answer/17807869来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. 查阅: can i use:http://caniuse.comCSS参考手册:http://css.doyoe.com/jQuery API文档:http://www.css88.com/jqapi-1.9/百度统计分析:http://tongji.baidu.com/data/browse

Notepad++前端开发常用插件介绍

Notepad++前端开发常用插件介绍 Notepad++除了自身的功能强大之外,更是有许多非常的优秀的插件,下面就总结一下前端开发过程一些比较常用的插件. Emmet Emmet的前身是Zen Coding,一款使用仿CSS选择器的语法来快速开发HTML和CSS的插件,是前端开发神器.它无视了编辑器的自动提示和自动完成,秒杀了你自定义的各种快捷键或者 AHK 的热字符串,以智能简洁高效的缩短输入,带给你超快速地书写各种复杂而枯燥的 HTML 和 CSS 代码的体验.现在可以在Notepad++

Sublime Text 前端开发常用扩展插件推荐

Sublime Text 前端开发常用扩展插件推荐 Sublime Text Sublime Text 是程序员们公认的编码神奇,拥有漂亮的用户界面和强大的功能 更重要的是,Sublime Text 易于扩展,众多开发人员为其贡献插件,而且通过包管理工具 —— Package Control 可以方便安装和管理. Package Control 安装方法 首先通过快捷键 ctrl+` 或者 View > Show Console 打开控制台,然后粘贴相应的 Python 安装代码. Sublim

CDN公共库、前端开发常用插件一览表(VendorPluginLib)

=======================================================================================前端CDN公共库====================================================================================== 为什么使用前端CDN公共库: 使用前端CDN增加网页的并行载入速度,减少本地服务器的负担,节省流量.我们把静态资源放到自己的服务器上面固

推荐一些前端开发常用框架

1.动态加载js 1).sea.js Sea.js 追求简单.自然的代码书写和组织方式,具有以下核心特性: 简单友好的模块定义规范:Sea.js 遵循 CMD 规范,可以像 Node.js 一般书写模块代码. 自然直观的代码组织方式:依赖的自动加载.配置的简洁清晰,可以让我们更多地享受编码的乐趣 一般对于单页面的网站比较适合是国内的以为大牛写的 地址:http://seajs.org/docs/ 网易的有道云笔记网页版用的就是这个 可以看看他的js代码 http://note.youdao.co

前端开发常用网址

工欲善其事,必先利其器.从事前端工作,经常会用到的工具: 1. 生成图片的css http://www.spritecow.com/ 2. 自动生成图片: (如何配置:http://dummyimage.com/) http://dummyimage.com/300x240/c59/fff.png 3. 汉字转unicode|unicode转汉字 www.guabu.com/zhuanma/ 4. Javascript在线压缩.解压 http://js.clicki.cc/ 5. 在线查看jso

1500个前端开发常用JavaScript特效

原文:1500个前端开发常用JavaScript特效 源代码下载地址:http://www.zuidaima.com/share/1550463681776640.htm

Sublime Text 3前端开发常用优秀插件介绍

Package Control插件管理 提到Sublime Text插件安装,就不得不提Package Control [官方文档] 简而言之,它是用来管理插件的插件 所以,首次使用前也是需要安装的 使用Ctrl+`(Esc键下方)快捷键或者通过View->Show Console菜单打开命令行 将以下代码复制后粘贴到如上图中"<代码粘贴处>",然后按Enter(回车),稍等片刻 import urllib.request,os,hashlib; h = '2915d

前端开发常用手册、资料

转自:http://segmentfault.com/a/1190000000659414 收集整理的前端开发书籍.文档等相关资料(many books or documents for front-end developer) 如果你有更好的相关资料推荐的,也可以联系我的微博weibo.com/hwax1993 0.各种语言的API详解英文原版哦 1.正则表达式知识点整理 2.学习CSS布局 3.CSS参考手册 4.前端代码规范(腾讯alloyteam团队) 5.Emmet 文档 6.Java