input text的电话号码分割js(如：152-9456-7894)

最新推荐文章于 2022-05-31 17:44:00 发布

Mr_lwb

最新推荐文章于 2022-05-31 17:44:00 发布

阅读量1.5k

点赞数

分类专栏： Javascript 文章标签： js 正则

Javascript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <title>测试</title>  
</head>  
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>  
<script type="text/javascript">  
    $(function() {  
        $("#phone").keyup(function() {  
            var phoneNum = $(this).val();  
            //数字和长度验证  
            if (!/^[\d|-]*$/.test(phoneNum) || phoneNum.length > 15) {  
                $(this).val(phoneNum.substring(0, phoneNum.length - 1));  
            }  
            //手机分割  
            var checkPhoneNum = /^1[3|4|5|6|7|8|9][0-9]\d+$/;  
            if (checkPhoneNum.test(phoneNum) && phoneNum.length == 4) {  
                $("#phone").val(phoneNum.substring(0, 3) + "-" +phoneNum.substring(3, phoneNum.length));  
                return ;  
            }  
            checkPhoneNum = /^1[3|4|5|6|7|8|9][0-9]-\d{5}$/;  
            if (checkPhoneNum.test(phoneNum) && phoneNum.length == 9) {  
                $("#phone").val(phoneNum.substring(0, 8) + "-" + phoneNum.substring(8, phoneNum.length));  
                return ;  
            }  
            checkPhoneNum = /^1[3|4|5|6|7|8|9][0-9]-\d{4}-\d{5}$/;  
            if (checkPhoneNum.test(phoneNum) && phoneNum.length == 14) {  
                $("#phone").val(phoneNum.replace(/-/g, ''));  
                return ;  
            }  
            //座机分割  
            checkPhoneNum = /^0[1|2]\d{2}$/;  
            if (checkPhoneNum.test(phoneNum) && phoneNum.length == 4) {  
                $("#phone").val(phoneNum.substring(0, 3) + "-" +phoneNum.substring(3, phoneNum.length));  
                return ;  
            }  
            checkPhoneNum = /^0[1|2]\d-\d{9}$/;  
            if (checkPhoneNum.test(phoneNum) && phoneNum.length == 13) {  
                $("#phone").val(phoneNum.replace(/-/g, ''));  
                return ;  
            }  
            checkPhoneNum = /^0[3|4|5|6|7|8|9]\d{3}$/;  
            if (checkPhoneNum.test(phoneNum) && phoneNum.length == 5) {  
                $("#phone").val(phoneNum.substring(0, 4) + "-" +phoneNum.substring(4, phoneNum.length));  
                return ;  
            }  
            checkPhoneNum = /^0[3|4|5|6|7|8|9]\d{2}-\d{9}$/;  
            if (checkPhoneNum.test(phoneNum) && phoneNum.length == 14) {  
                $("#phone").val(phoneNum.replace(/-/g, ''));  
            }  
        });  
        $("#click").click(function() {  
            var mobile = $("#phone").val();  
            alert(mobile.length);  
            if(!(/^1[3|4|5|6|7|8|9][0-9]-\d{4}-\d{5}$/.test(mobile))) {  
                alert("格式不正确！");  
            }  
        });  
    });  
</script>  
<body>  
<input id="phone" type="text" />  
<input id="click" type="button" value="click" />  
<span id="show"></span>  
</body>  
</html>

Mr_lwb

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
input text的电话号码分割js(如：152-9456-7894)

测试 $(function() { $("#phone").keyup(function() { var phoneNum = $(this).val(); //数字和长度验证 if (!/^[\d|-]*$/.test(phoneNum) || phoneNum.
复制链接

扫一扫