jQuery实现手机上输入后隐藏键盘功能

摘要: 例如，让用户输入手机发送验证码，输完11位手机号后，自动隐藏键盘

例如，让用户输入手机发送验证码，输完11位手机号后，自动隐藏键盘

表单大概这样的：

<div class="form-group">
  <input type="tel" class="form-control input-lg" id="mobile" name="mobile" placeholder="请输入手机号码">
</div>
<div class="form-group">
  <div class="input-group">
    <input type="tel" class="form-control input-lg verify-input" id="verify" name="verify" placeholder="请输入验证码" >
    <div class="input-group-btn">
      <span class="input-group-btn">
        <input value="获取" class="btn btn-info btn-lg verify-btn" id="get_verify" type="button">
      </span>
    </div>
  </div>
</div>

那么，jQuery大概是这样的：

$('#mobile').on('input',function(){
  var mobile = $(this).val();
  if(mobile.length == 11) {
    $('#get_verify').focus();
    return false;
  }
});

这是通过监听输入框里的值，如果是11位就把焦点移动“获取”这个按钮，从而实现键盘的隐藏！

ipone上测试可行！！！

引用路径：http://stackoverflow.com/questions/8780346/how-to-hide-keyboard-in-jquerymobile-page-in-a-phonegap-app

以上所述是小编给大家介绍的jQuery实现手机上输入后隐藏键盘功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# jquery  # 隐藏键盘  # jQuery简单获取键盘事件的方法  # js和jquery实现监听键盘事件示例代码  # jquery实现页面虚拟键盘特效  # jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)  # jquery 按键盘上的enter事件  # jquery.hotkeys监听键盘按下事件keydown插件  # 验证码  # 请输入  # 小编  # 这是  # 在此  # 是这样  # 就把  # 给大家  # 表单  # 机上  # 所述  # 给我留言  # 感谢大家  # 输入框  # 疑问请  # 有任何  # gt  # input  # type  # tel 

相关文章： 电商网站制作多少钱一个,电子商务公司的网站制作费用计入什么科目？  成都网站制作报价公司,成都工业用气开户费用？  建站主机与虚拟主机有何区别？如何选择最优方案？  免费制作小说封面的网站有哪些,怎么接网站批量的封面单？  网站制作员失业,怎样查看自己网站的注册者？  如何用美橙互联一键搭建多站合一网站？  ,网站推广常用方法？  如何续费美橙建站之星域名及服务？  如何彻底删除建站之星生成的Banner？  如何选择美橙互联多站合一建站方案？  网站海报制作教学视频教程,有什么免费的高清可商用图片网站，用于海报设计？  建站之星如何快速生成多端适配网站？  娃派WAP自助建站：免费模板+移动优化，快速打造专业网站  网站网页制作专业公司,怎样制作自己的网页？  建站之星Pro快速搭建教程：模板选择与功能配置指南  如何用VPS主机快速搭建个人网站？  桂林网站制作公司有哪些,桂林马拉松怎么报名？  上海网站制作网页,上海本地的生活网站有哪些？最好包括生活的各个方面的？  如何快速搭建高效服务器建站系统？  儿童网站界面设计图片,中国少年儿童教育网站-怎么去注册？  建站之星后台搭建步骤解析：模板选择与产品管理实操指南  如何通过建站之星自助学习解决操作问题？  制作网站的软件下载免费,今日头条开宝箱老是需要下载怎么回事？  哪家制作企业网站好,开办像阿里巴巴那样的网络公司和网站要怎么做？  动图在线制作网站有哪些,滑动动图图集怎么做？  建站之星在线客服如何快速接入解答？  智能起名网站制作软件有哪些,制作logo的软件？  公司网站设计制作厂家,怎么创建自己的一个网站？  如何选择高效响应式自助建站源码系统？  建站主机服务器选购指南：轻量应用与VPS配置解析  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？  网站建设制作、微信公众号,公明人民医院怎么在网上预约？  如何用花生壳三步快速搭建专属网站？  javascript基本数据类型及类型检测常用方法小结  seo网站制作优化,网站SEO优化步骤有哪些？  湖南网站制作公司,湖南上善若水科技有限公司做什么的？  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  网站制作价目表怎么做,珍爱网婚介费用多少？  北京制作网站的公司排名,北京三快科技有限公司是做什么？北京三快科技？  如何在阿里云高效完成企业建站全流程？  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  建站中国官网：模板定制+SEO优化+建站流程一站式指南  定制建站流程步骤详解：一站式方案设计与开发指南  如何将凡科建站内容保存为本地文件？  如何通过免费商城建站系统源码自定义网站主题与功能？  Swift开发中switch语句值绑定模式  深圳网站制作培训,深圳哪些招聘网站比较好？  c# 在ASP.NET Core中管理和取消后台任务  保定网站制作方案定制,保定招聘的渠道有哪些？找工作的人一般都去哪里看招聘信息？  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？