2018最新版 手机号、验证码正则表达式 jq

<input class="weui-input" id="tel" type="tel" placeholder="请输入手机号">
<input class="weui-input" type="number" id="number" placeholder="请输入验证码">

<div class="mobile-err" id="mobile-err"  style="display: none;">
  <span></span>
</div>

$(function () {
        //手机号验证
        $("#tel").blur(function () {
            var mobile=$(this).val();
            var re=/^[1][3,4,5,7,8][0-9]{9}$/;
            if (!re.test(mobile)){
                $("#mobile-err span").html("请输入正确的手机号");
                $("#mobile-err").show();
            }
            setTimeout(function () {
                $("#mobile-err").fadeOut();
            },1500)
        });

        //验证码验证 5位数字
        $("#number").blur(function () {
            var mobile=$(this).val();
            var re=/^\d{5}$/
            if (!re.test(mobile)){
                $("#mobile-err span").html("验证码错误");
                $("#mobile-err").show();
            }
            setTimeout(function () {
                $("#mobile-err").fadeOut();
            },1500)
        });

    })

猜你喜欢

转载自blog.csdn.net/YangBingX/article/details/81172444