手机号码输入时加空格 

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>手机号码加空格</title>
</head>

<body>

    <input type="text" id=txt maxlength="13">
    <p id="ph"></p>

    <script>
        function Mobile(obj, e) {
            if (e.keyCode == 8) return
            var value = obj.value;
            value = value.replace(/\s*/g, "");
            var result = [];
            for (var i = 0; i < value.length; i++) {
                if (i == 3 || i == 7) {
                    result.push(" " + value.charAt(i));
                }
                else {
                    result.push(value.charAt(i));
                }
            }
            obj.value = result.join("");
            return result.join("");
        }

        var inpTxt = document.getElementById('txt');
        var ptxt = document.getElementById('ph');
        // oninput有兼容问题，可以使用onkeyup
        inpTxt.oninput = function () {
            ptxt.innerHTML = Mobile(this, event)
        }
    </script>
</body>

</html>

 

posted @ 2021-01-18 16:33  日升月恒  阅读(107)  评论(0)  编辑  收藏  举报