1,文本框失去焦点时若有值则trim
$('#identityTF').blur(function (e) { console.log('blur'); //去掉首尾的空格 var eventTarget = e.srcElement || e.target || e.toElement; if (eventTarget) { var identityTmp = eventTarget.value; identityTmp = util.trim(identityTmp); if (identityTmp) { eventTarget.value = identityTmp; } } })
2,文本框聚焦或有键按下时清除错误样式
/*** * 清除错误样式 * @param event */ var cleanErrorStyle = function (event) { var errorClass = 'has-error-inp'; var eventTarget = event.srcElement || event.target || event.toElement; $(eventTarget).removeClass(errorClass); }; $('input[type=text]').keydown(cleanErrorStyle).focus(cleanErrorStyle);
3,如何在事件处理方法中获取事件源(控件)
方式一:
var eventTarget = e.srcElement || e.target || e.toElement;
封装成方法:
/*** * 获取事件源 * @param evt * @returns {*|Object} */ com.whuang.hsj.getSrcElement = function (evt) { var event = window.event || evt;//兼容ie7 8 var eventTarget = event.srcElement || event.target || event.toElement || event.currentTarget; return eventTarget; };
方式二:
var val=$(this).val();
4,判断是否是邮箱
方式一:
var isEmail= function (email2) { if (typeof email2 == 'object') { email2 = email2.value; } var pattern = /^\w+([_+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; return pattern.test(email2); }; var emi='@12333@qq.com.comcom'; console.log(isEmail(emi));
方式二:
/** * 邮箱校验 * */ emailCheck = function (email) { var emailPattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9])+\.[a-zA-Z]{2,3}$/; return emailPattern.test(email); };
相关推荐
js-coi:一个灵活的前端校验工具
WEB前端校验插件,提供表单字段的配置式校验功能
javascript-json校验模块 支持 1.json字符串格式化 2.json格式错误报错3.错误所在行标出4.直接放在iframe或者模块里面就可以使用
该上传资源使用了前端的 校验方式和一些校验 选择器的补充,使用BootStrap布局+响应式
js web 各种前端校验
为什么至于10分?因为我比较穷。在网上找的资源都不能用,或者是不能真正兼容。这是自己纯手写,经过测试的。代码清晰,有必要的说明,易懂。可以校验图片尺寸,大小,不符合重置file的value值。
CRC 校验 编码,使用js实现CRC编码
nice-validator前端校验的使用说明,内含demo和js,可以结合我的博客使用,也可前去官网查看API说明。
支持web前端输入框验证,可扩展 目前支持 非空验证和 格式验证,代码精简轻巧可扩展,有jquery经验的都能看懂,非常实用。且页面不需要做各种复杂校验,也不需要校验太多的过滤
前端验证码插件,主要用于前端校验,无需后台校验,支持一个页面多个验证码。
jquery前端非空验证 前端页面 在提交前 对输入内容进行非空验证
前端经典——webApp登录校验及封装
前端HTMl用户注册及验证示,帮助html JavaScript新手学习者了解并学习用户注册及js验证
前端最强表单校验JS文件,资源包已经做好打包,支持在线引入,webpack引入。 适用于各种证件号码,身份证号码,护照等校验,各地手机号码,固定电话校验,网址以及一些前端类型判断,非空判断等校验。 压缩包内有...
校验窗口始终显示在最前端。 按钮功能: 浏览按钮:弹出文件浏览对话框。可选择一个或多个文件。选择后的文件将会直接运算其校验信息。 复制:将当前显示的所有文件校验信息复制到剪贴板。 清除:清空显示区域中的...
纯前端的验证码插件,超全的验证方式(验证码,滑动,计算等验证方式),简单易用
纯前端校验IP格式(IPV6):(项目代码验证资源)
2. * 校验所有输入域是否含有特殊符号 3. * 所要过滤的符号写入正则表达式中,注意,一些符号要用'\'转义. 4. * 要转义的字符包括:1, 点号 . 5. * 2, 中括号 [] 6. * 3, 大括号 {} 7. * 4, 加号 + 8. ...
json校验工具,支持 1.json字符串格式化 2.json格式错误报错,找出报错所在行并标出
原生JS经典小项目-form表单校验