移动端监听输入手机号以及判断手机号有效
Posted moumou
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了移动端监听输入手机号以及判断手机号有效相关的知识，希望对你有一定的参考价值。
项目案例需求如，输入/绑定正确的手机号才能下载软件，输入手机号发送验证码的功能等；
如下代码可以实现基本功能：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> .gray-btn{ background: #ccc; } .blue-btn{ background: #09f; } </style> </head> <body> <input type="tel" name="mobile" id="getNum" value="" placeholder="填写手机号码" autocomplete=‘off‘/> <input type="button" name="button" class="gray-btn downloadBtn" value="去下载**APP" disabled/> <script src="jquery-1.7.2.min.js"></script> <script> //监听输入手机号 $(document).on(‘input propertychange‘,‘#getNum‘,function (e) { if (e.type === "input" || e.orignalEvent.propertyName === "value") { if(this.value.length == 11){ var myreg = /^1\d{10}$/; if(!myreg.test(this.value)){ common.tips({msg:‘请输入正确手机号‘}); return; } $(‘.downloadBtn‘).removeClass(‘gray-btn‘).addClass(‘blue-btn‘); $(‘.downloadBtn‘).attr("disabled", false); }else{ $(‘.downloadBtn‘).addClass(‘gray-btn‘).removeClass(‘blue-btn‘); $(‘.downloadBtn‘).attr("disabled", true); } } }) </script> </body> </html>
以上是关于移动端监听输入手机号以及判断手机号有效的主要内容，如果未能解决你的问题，请参考以下文章