欢迎您访问 最编程 本站为您分享编程语言代码,编程技术文章!
您现在的位置是: 首页

确认输入的座机号码格式正确

最编程 2024-04-23 12:51:57
...

<style>

    .ok {

        color: green;

    }

    .fail {

        color: red;

    }

</style>

<body>

    <input type="text" id="number"><span id="msg"></span>

    <script>

        //验证座机号码,定义正则表达式测试用户输入的座机号是否正确

        var reg = /^(026)[0-9]{8}$/;

        var number = document.querySelector('#number');

        number.onblur = function () {

            let span = document.querySelector('#msg');

            if (reg.test(this.value)) {

                span.classList.remove = 'fail';

                span.innerHTML = '电话号码格式正确';

                span.classList.add('ok');

            } else {

                span.classList.remove = 'ok';

                span.innerHTML = '电话号码格式错误';

                span.classList.add('fail');

            }

        }

    </script>

</body>

推荐阅读