文本框输入4个数字就有一个空格

Html

Css

输入数字看看效果

var keyup = function(ev) {
    var input = ev.target || ev.srcElement;
    var selectionStart = 0;
    var range = null;

if ("selectionStart" in input) {
        selectionStart = input.selectionStart;
    } else {
        range = document.selection.createRange();
        range.setEndPoint('StartToStart', input.createTextRange());
        selectionStart = range.text.length;
    }

var val = input.value;
    var len = val.length;
    val = input.value.replace(/[^0-9]/g, "").replace(/(\d{4})/g, "$1 ").replace(/\s+$/, "");

if (val == input.value) {
        return;
    }

input.value = val;
    if (selectionStart == len && (val.length > len)) {
        selectionStart = val.length;
    }

if (input.setSelectionRange) {
        input.setSelectionRange(selectionStart, selectionStart);
    } else if (input.createTextRange) {
        var range = input.createTextRange();
        range.collapse(1);
        range.moveStart('character', selectionStart);
        range.moveEnd('character', 0);
        range.select();
    }

if (selectionStart != val.length && input.value.charAt(selectionStart - 1) == " ") {
        if (input.setSelectionRange) {
            input.setSelectionRange(selectionStart + 1, selectionStart + 1);
        } else if (input.createTextRange) {
            var range = input.createTextRange();
            range.collapse(1);
            range.moveStart('character', selectionStart + 1);
            range.moveEnd('character', 0);
            range.select();
        }
    }
}

if ("addEventListener" in myInput) {
    myInput.addEventListener("keyup", keyup, false);
} else {
    myInput.attachEvent("onkeyup", keyup);
}

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

文本框输入4个数字就有一个空格



代码描述：文本框输入4个数字就有一个空格

主要用在银行卡的控件上。每输入四个就会有一个空格

2

最新

发表评论全部评论

暂时没有评论！

L0

2017/5/27 9:18:33

在输入第五个数字之后才出现间隔效果

Colorfulday0

2017/6/13 18:23:39

　是啊

回复

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

Colorfulday

相关代码

文本框输入4个数字就有一个空格

最新