jQuery实现手机上输入后隐藏键盘
博客专区 > Geomen 的博客 > 博客详情
jQuery实现手机上输入后隐藏键盘
Geomen 发表于2年前
jQuery实现手机上输入后隐藏键盘
  • 发表于 2年前
  • 阅读 2058
  • 收藏 5
  • 点赞 0
  • 评论 0

【腾讯云】如何购买服务器最划算?>>>   

摘要: 例如,让用户输入手机发送验证码,输完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 隐藏键盘
共有 人打赏支持
粉丝 20
博文 42
码字总数 12995
×
Geomen
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: