欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jQuery實現(xiàn)手機(jī)上輸入后隱藏鍵盤功能

 更新時間：2017年01月04日 10:45:20   投稿：mrr  
最近做了這樣一個功能，讓用戶輸入手機(jī)發(fā)送驗證碼，輸完11位手機(jī)號后，自動隱藏鍵盤。下面通過本文給大家分享實現(xiàn)方法，一起看看吧

摘要: 例如，讓用戶輸入手機(jī)發(fā)送驗證碼，輸完11位手機(jī)號后，自動隱藏鍵盤

例如，讓用戶輸入手機(jī)發(fā)送驗證碼，輸完11位手機(jī)號后，自動隱藏鍵盤

表單大概這樣的：

<div class="form-group">
  <input type="tel" class="form-control input-lg" id="mobile" name="mobile" placeholder="請輸入手機(jī)號碼">
</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;
  }
});

這是通過監(jiān)聽輸入框里的值，如果是11位就把焦點(diǎn)移動“獲取”這個按鈕，從而實現(xiàn)鍵盤的隱藏！

ipone上測試可行?。?！

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

以上所述是小編給大家介紹的jQuery實現(xiàn)手機(jī)上輸入后隱藏鍵盤功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評論