美文网首页
jq验证手机号码正则

jq验证手机号码正则

作者: 景愿离 | 来源:发表于2019-01-16 17:13 被阅读0次

    记得要引入文件
    <link rel="stylesheet" href="lib/mui/css/mui.css" />
    <script src="lib/mui/js/mui.js"></script>
    <script src="lib/jquery/jquery-2.1.4.js"></script>

    <div class="input-group-sma">
    <div class="mui-input-group ">
    <div class="mui-input-row">

    <input type="text" value="1" name="mobile_num" class="mui-input-clear" placeholder="请输入手机号码"/>
    </div>
    <div class="mui-input-row">

    <input type="password" name="password" class="mui-input-password" placeholder="请输入密码"/>
    </div>
    </div>

    <button id="login_btn" type="button" class="mui-btn mui-btn-primary">登录</button>
    </div>

    <script>
    login_h();
    function login_h() {
    ("#login_btn").on("tap",function() { // 获取输入框的内容 var mobile_num =("[name='mobile_num']").val().trim();
    var password = ("[name='password']").val().trim();.extend(, { checkPhone: function (phone) { if (!(/^((13[0-9])|(15[^4,\\D])|(18[0,5-9]))\\d{8}/.test(phone))) {
    return false;
    } else {
    return true;
    }
    }
    })

      if(!$.checkPhone(mobile_num)){
                    mui.toast("手机号码不合法");
                    return;
                  }
        })
    }
    

    </script>

    相关文章

      网友评论

          本文标题:jq验证手机号码正则

          本文链接:https://www.haomeiwen.com/subject/xhnmdqtx.html