js 提示框放大功能

来源:luqidong 发布时间:2014-06-23 21:20:10 点击数:

在前端日常表单提交的过程中经常会输入一些信息需要放大,比如银行卡号,或者身份证号等,如下图:

78OA办公系统

其实做出这样的效果很简单,只需要设置上面放大的层或者其他元素定位,然后把事件加在下面的input框上面当keyup或者keydown的时候然后判断长度每隔多少位就加一个空格,具体代码如下:

放大的框为 #certifyNum2  文本框为#certyifyid

代码如下:

var re = new RegExp("(^[\\s]*)|([\\s]*$)", "g"),

                number;
            number = fish.one(this).val().replace(re, "");
            if (number.length >= 7) {
                if (number.length <= 10) {
                    value = number.substr(0, 6) + ' ' + number.substr(6, number.length - 6);
                }
                else if (number.length <= 14) {
                    value = number.substr(0, 6) + ' ' + number.substr(6, 4) + ' ' + number.substr(10, number.length - 10);
                }
                else if (number.length <= 18) {
                    value = number.substr(0, 6) + ' ' + number.substr(6, 4) + ' ' + number.substr(10, 4) + ' ' + number.substr(14, number.length - 14);
                }
                else if (number.length > 18) {
                    value = number;
                }

            }
            else {
                if (number.length <= 12) {
                    value = number.substr(0, 6) + ' ' + number.substr(6, number.length - 6);
                }
                else if (number.length <= 15) {
                    value = number.substr(0, 6) + ' ' + number.substr(6, 6) + ' ' + number.substr(12, number.length - 12);
                }
                else if (number.length > 15) {
                    value = number;
                }

            }
        }

本文78oa系统编辑所撰,如若转载请注明出处。