摘要: 例如，讓用戶輸入手機發送驗證碼，輸完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實現手機上輸入后隱藏鍵盤功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
