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); };
相关推荐
在前端开发中,正确解析和校验JSON格式至关重要,因为任何格式错误都可能导致程序崩溃或逻辑错误。本文将详细介绍一个基于JavaScript的JSON格式校验前端插件,以及如何利用它来提高开发效率。 首先,这个插件主要...
**jscoi:一个灵活的前端校验工具** 在现代Web开发中,前端验证是必不可少的一环,它能确保用户输入的数据符合预期,减少无效请求,提升用户体验,并且减轻后端服务器的压力。jscoi(JavaScript Custom Object ...
js web 各种前端校验
本文将深入探讨一个基于JavaScript的WEB前端校验插件,该插件提供了表单字段的配置式校验功能。 首先,我们要理解JavaScript在前端验证中的作用。JavaScript是一种解释型的、轻量级的脚本语言,广泛应用于网页和...
在前端开发中,图片上传是常见的功能之一,但如何确保用户上传的图片符合特定的大小和尺寸限制,以便于服务器处理和节约存储空间,是一项重要的技术挑战。在本主题中,我们将深入探讨如何使用JavaScript实现一个兼容...
我们将通过实例代码来展示如何构建健壮的前端数据校验。 通过本文的介绍,你应该能够理解并实现基本的JavaScript表单验证。记住,验证是提高应用质量和用户体验的重要步骤。始终确保你的验证逻辑既严格又用户友好。 ...
在前端开发中,验证(validate)是确保用户输入的数据符合预期格式和规则的重要步骤,而响应式布局则是使网站能够适应不同设备屏幕尺寸的关键技术。本资源提供的"day05_validate"压缩包文件,很可能是关于这两方面...
《前端校验与nice-validator深度解析》 在前端开发中,数据校验是不可或缺的一环,它确保用户输入的数据符合预设的规范,避免无效数据的提交,提高系统的稳定性。本文将围绕“nice-validator”这一前端校验库进行...
CRC 校验 编码,使用js实现CRC编码
在本文中,我们将详细介绍 SpringBoot 实现前端验证码图片生成和校验的过程,并提供了相关的代码示例。 知识点 1: 验证码图片生成 验证码图片生成是指将随机字符串转换为图片,以供用户输入验证码的过程。在 ...
验证 统一社会信用代码
在前端开发中,确保用户输入的数据有效性和完整性是至关重要的,这可以避免因无效数据导致的后台处理错误或用户体验下降。jQuery,一个广泛使用的JavaScript库,提供了强大的功能来辅助前端开发者进行非空验证。本篇...
这种方法尤其适合于jQuery环境,代码简洁易懂,能够快速集成到项目中,减少页面的校验负担。 首先,我们来了解`input`标签在HTML中的作用。`<input>`元素是表单中用于接收用户输入的数据的基本组件,通过设置不同的...
前端经典——webApp登录校验及封装
在前端开发中,验证是必不可少的一环,它用于确保用户输入的数据符合预期,防止恶意攻击,提高用户体验。本文将深入探讨JavaScript(js)中的前端验证方法,包括纯前端的验证码插件、滑动验证和计算验证等,以及如何...
在前端开发中,JavaScript 是实现用户交互和数据验证的关键技术。`validate.js` 可能是一个专门用于前端验证的库,它提供了丰富的功能,帮助开发者确保用户输入的数据符合预期的格式和规则,从而提高用户体验并保护...
本示例中,我们关注的是如何使用JavaScript来校验输入数据中是否包含特殊字符。特殊字符过滤是一个常见的需求,它能防止不合规的字符如SQL注入攻击等安全问题。以下是关于"js校验特殊字符"这一主题的详细解释: 1. ...
前端最强表单校验JS文件,资源包已经做好打包,支持在线引入,webpack引入。 适用于各种证件号码,身份证号码,护照等校验,各地手机号码,固定电话校验,网址以及一些前端类型判断,非空判断等校验。 压缩包内有...
校验窗口始终显示在最前端。 按钮功能: 浏览按钮:弹出文件浏览对话框。可选择一个或多个文件。选择后的文件将会直接运算其校验信息。 复制:将当前显示的所有文件校验信息复制到剪贴板。 清除:清空显示区域中的...
使用JSON校验工具时,用户只需将待检查的JSON字符串输入或粘贴到工具界面,然后点击“校验”或“格式化”按钮,工具就会自动执行相关操作。如果JSON格式有误,用户根据提示修复后再次校验,直到通过验证为止。对于...