前端相关校验

最新推荐文章于 2024-12-25 00:54:35 发布

最新推荐文章于 2024-12-25 00:54:35 发布 · 124 阅读

文章标签：

#校验 #trim #清除错误样式 #clean error style

java web 同时被 2 个专栏收录

237 篇文章

订阅专栏

javascript

140 篇文章

订阅专栏

本文介绍了JavaScript中文本框的焦点变化事件处理方法，包括文本框失去焦点时自动去除首尾空格和聚焦或有键按下时清除错误样式。同时展示了邮箱验证的两种实现方式，帮助开发者在实际项目中提高用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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