`
阅读更多

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);
};

 

 

0
1
分享到:
评论

相关推荐

    json格式校验前端插件(javascript)

    在前端开发中,正确解析和校验JSON格式至关重要,因为任何格式错误都可能导致程序崩溃或逻辑错误。本文将详细介绍一个基于JavaScript的JSON格式校验前端插件,以及如何利用它来提高开发效率。 首先,这个插件主要...

    jscoi一个灵活的前端校验工具

    **jscoi:一个灵活的前端校验工具** 在现代Web开发中,前端验证是必不可少的一环,它能确保用户输入的数据符合预期,减少无效请求,提升用户体验,并且减轻后端服务器的压力。jscoi(JavaScript Custom Object ...

    js web 各种前端校验

    js web 各种前端校验

    WEB前端校验插件,提供表单字段的配置式校验功能

    本文将深入探讨一个基于JavaScript的WEB前端校验插件,该插件提供了表单字段的配置式校验功能。 首先,我们要理解JavaScript在前端验证中的作用。JavaScript是一种解释型的、轻量级的脚本语言,广泛应用于网页和...

    兼容火狐的前端校验上传图片的大小和尺寸

    在前端开发中,图片上传是常见的功能之一,但如何确保用户上传的图片符合特定的大小和尺寸限制,以便于服务器处理和节约存储空间,是一项重要的技术挑战。在本主题中,我们将深入探讨如何使用JavaScript实现一个兼容...

    掌握JavaScript表单验证:构建健壮的前端数据校验

    我们将通过实例代码来展示如何构建健壮的前端数据校验。 通过本文的介绍,你应该能够理解并实现基本的JavaScript表单验证。记住,验证是提高应用质量和用户体验的重要步骤。始终确保你的验证逻辑既严格又用户友好。 ...

    前端validate校验和响应式布局

    在前端开发中,验证(validate)是确保用户输入的数据符合预期格式和规则的重要步骤,而响应式布局则是使网站能够适应不同设备屏幕尺寸的关键技术。本资源提供的"day05_validate"压缩包文件,很可能是关于这两方面...

    nice-validator前端校验js及demo

    《前端校验与nice-validator深度解析》 在前端开发中,数据校验是不可或缺的一环,它确保用户输入的数据符合预设的规范,避免无效数据的提交,提高系统的稳定性。本文将围绕“nice-validator”这一前端校验库进行...

    js脚本实现CRC校验码

    CRC 校验 编码,使用js实现CRC编码

    原生JS经典小项目-form表单校验

    这个经典小项目旨在通过JavaScript实现对HTML表单的验证,无需依赖外部库如jQuery或其他前端框架。 一、HTML表单基础 HTML中的`<form>`元素用于定义表单,可以包含各种表单控件,如文本输入框`<input type="text">`...

    jquery前端非空验证

    在前端开发中,确保用户输入的数据有效性和完整性是至关重要的,这可以避免因无效数据导致的后台处理错误或用户体验下降。jQuery,一个广泛使用的JavaScript库,提供了强大的功能来辅助前端开发者进行非空验证。本篇...

    js web 前端 验证 统一社会信用代码

    验证 统一社会信用代码

    web前端 input添加属性就可以验证 自动验证工具

    这种方法尤其适合于jQuery环境,代码简洁易懂,能够快速集成到项目中,减少页面的校验负担。 首先,我们来了解`input`标签在HTML中的作用。`<input>`元素是表单中用于接收用户输入的数据的基本组件,通过设置不同的...

    前端经典——webApp登录校验及封装.rar

    前端经典——webApp登录校验及封装

    js 前端好用的验证方式

    在前端开发中,验证是必不可少的一环,它用于确保用户输入的数据符合预期,防止恶意攻击,提高用户体验。本文将深入探讨JavaScript(js)中的前端验证方法,包括纯前端的验证码插件、滑动验证和计算验证等,以及如何...

    常有前端验证JS

    在前端开发中,JavaScript 是实现用户交互和数据验证的关键技术。`validate.js` 可能是一个专门用于前端验证的库,它提供了丰富的功能,帮助开发者确保用户输入的数据符合预期的格式和规则,从而提高用户体验并保护...

    js校验特殊字符

    本示例中,我们关注的是如何使用JavaScript来校验输入数据中是否包含特殊字符。特殊字符过滤是一个常见的需求,它能防止不合规的字符如SQL注入攻击等安全问题。以下是关于"js校验特殊字符"这一主题的详细解释: 1. ...

    前端最全表单校验JS,支持各种身份证号码、手机号码、固定电话、URL、类型等校验

    前端最强表单校验JS文件,资源包已经做好打包,支持在线引入,webpack引入。 适用于各种证件号码,身份证号码,护照等校验,各地手机号码,固定电话校验,网址以及一些前端类型判断,非空判断等校验。 压缩包内有...

    文件校验工具 MD5 校验王 5.9.8.0 绿色中文免费版.zip

    校验窗口始终显示在最前端。 按钮功能: 浏览按钮:弹出文件浏览对话框。可选择一个或多个文件。选择后的文件将会直接运算其校验信息。 复制:将当前显示的所有文件校验信息复制到剪贴板。 清除:清空显示区域中的...

    SpringBoot实现前端验证码图片生成和校验

    在本文中,我们将详细介绍 SpringBoot 实现前端验证码图片生成和校验的过程,并提供了相关的代码示例。 知识点 1: 验证码图片生成 验证码图片生成是指将随机字符串转换为图片,以供用户输入验证码的过程。在 ...

Global site tag (gtag.js) - Google Analytics