javascript ...

问题

函数 bindInputBlur() 绑定输入框的输入内容格式限制,但是用了for in 来循环绑定 bind ,结果却发现 当触发 input.bind-emailonblur事件的时候,触发的是 arrRegExp 的最后一个 bind-hobby 而不是 bind-email

代码

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <!--<script src="/jquery.min.js"></script>-->
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
</head>
<body>
<input type="text" name="qq" class="bind-email" value="111"/>


<script>

    bindInputBlur();


    function bindInputBlur() {

        var arrRegExp = {
            'bind-email': ["[^a-zA-Z0-9\.@-]+", 20],
            'bind-qq': ['(^0|[\D]+)', 14],
            'bind-phone': ['(^0|[\D]+)', 11],
            'bind-mobile': ['(^0|[\D]+)', 11],
            'bind-vcode-4': ['[^a-zA-Z0-9]+', 4],
            'bind-vcode-sms': ['[\D]', 6],
            'bind-cardNo': ['[\D]+', 18],
            'bind-cardPwd': ['[\D]+', 18],
            'bind-username': ['[^a-zA-Z0-9]', 18],
            'bind-hobby': ['', 13]
        }


        var bindString = 'blur keyup keypress click';
        for (var i in arrRegExp) {
            $('.' + i).bind(bindString, function () {

                console.log(i, arrRegExp[i]);

                if (!this.value || !(i in arrRegExp)) return;
                var _regFind = arrRegExp[i][0] || '';
                var _maxLen = arrRegExp[i][1] || 0;

                if (_regFind) {
                    var regExp = new RegExp(_regFind, 'g');
                    if (regExp && regExp.test(this.value)) {
                        this.value = this.value.replace(regExp, '');
                    }
                }

                if (typeof _maxLen == 'number' && _maxLen && this.value.length > _maxLen) {
                    this.value = this.value.substring(0, _maxLen);
                }
            });
        }

    }


</script>



</body>
</html>

原文阅读

"文章为作者独立观点, 不代表老订阅立场"

本站作者

每日荐书

在不完美的世界力求正常——读《公司的坏话》

书名:《公司的坏话》

作者:李天田(脱不花妹妹)

出版社:北京大学出版社

赞助商

广告