jQuery实现手机上输入后隐藏键盘功能
更新时间：2017年01月04日 10:45:20 投稿：mrr
最近做了这样一个功能，让用户输入手机发送验证码，输完11位手机号后，自动隐藏键盘。下面通过本文给大家分享实现方法，一起看看吧
摘要: 例如，让用户输入手机发送验证码，输完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上测试可行！！！
以上所述是小编给大家介绍的jQuery实现手机上输入后隐藏键盘功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
本文给大家分享的是使用abort来终止JQUERY的$.AJAX请求的方法和示例，有需要的小伙伴可以参考下2016-02-02
<iframe>也应该是框架的一种形式，它与<frame>不同的是，iframe可以嵌在网页中的任意部分。本文给大家介绍jQuery中iframe的操作(点击按钮新增窗口)，需要的朋友参考下吧2016-04-04
这是一个基于jquery的图片效果，它的作用是：当图片点击变大(变小)时，其它图片按照一定的规则进行排序运动2012-11-11
jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结
借助jQuery我们可以轻松地堆DOM元素进行向上、向下遍历以及同级的遍历,本文我们即来整理jQuery遍历DOM的父级元素、子级元素和同级元素的方法总结:2016-07-07
这篇文章给大家总结了jQuery UI实现动画效果的实例代码，有需要的朋友们可以参考测试下。2018-08-08
jQuery Mobile中的button按钮组件基础使用教程
jQuery Mobile中的button默认提供了很多用于制作移动Web页面按钮的属性,这里我们来整理一下jQuery Mobile中的button按钮组件基础使用教程,需要的朋友可以参考下2016-05-05
进度条的出现在于无法通过任何方法获取整个页面的大小和当前加载了多少，所以只能用进度条来模拟，接下来为大家介绍下实现方法，感兴趣的朋友可以参考下哈2013-04-04
现在大部分网站因为篇幅比较长，所以都会设置这么一个按钮，利用这个按钮可以实现从底部返回顶部的功能。下面通过实例代码给大家简单介绍一下吧2016-12-12
本文主要介绍jQuery获取radio选中项的值的方法，希望能帮到大家，有需要的朋友可以参考一下。2016-06-06
这篇文章主要为大家详细介绍了jQuery实现TAB选项卡切换特效简单演示，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-03-03
最新评论