jq控制输入手机号码格式显示为3-4-4

最新推荐文章于 2023-03-14 11:15:59 发布

原创最新推荐文章于 2023-03-14 11:15:59 发布 · 5.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#手机端 #input #手机号码格式 #3-4-4 #344

手机端专栏收录该内容

2 篇文章

订阅专栏

本文介绍了如何在输入框中实现手机号码的实时验证与优化功能，包括输入限制、空格去除等，确保用户输入的有效性和一致性。

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


<input id="newTel" type="tel" placeholder="请输入11位数字手机号" />


//绑定手机号码输入框，当内容改变时执行以下代码
$('#newTel').bind('input propertychange', function () {
                $(document).keydown(function (event) {
                    if (event.keyCode == 8 || event.keyCode == 46) {
                        //TODO
                    }
                    else {
                        if ($('#newTel').val().length == 3 || $('#newTel').val().length == 8) {
                            var phone = $('#newTel').val() + " ";
                            $('#newTel').val(phone);
}});
});


//去除字符串中所有的空格
function TrimAll(str, is_global) {
    var result;
    result = str.replace(/(^\s+)|(\s+$)/g, "");
    if (is_global.toLowerCase() == "g") {
        result = result.replace(/\s/g, "");
    }
    return result;
}

最后通过：