正则验证手机号码是否正确

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/j15533415886/article/details/81630134

前言

使用正则验证手机及电话号码是否正确，在JSP中操作

<div class="row clearfix">
    <div class="col-3 t-r">电话：</div>
    <div class="col-7"><input type="text" id="tel" name="tel" value="${invoice.tel}" onblur="checkTel()" placeholder="请输入" maxlength="30" class="input-text size-M" /></div>
</div>

注：
onblur=”checkTel()”

正则

<script type="text/javascript">
 var tel = $("#tel").val();
        function checkTel(){
            var tel = document.getElementById('tel').value;
            if(!/^(\(\d{3,4}\)|\d{3,4}-|\s)?\d{7,14}$/.test(tel)){
                layer.alert('电话有误，请重填');
                return false;
            }
        }
</script>

小结

Onblur事件不要丢了哦，丢了是白忙活，Onblur事件就是当用户离开输入字段时对其进行验证。