jQuery實(shí)現(xiàn)手機(jī)上輸入后隱藏鍵盤功能
更新時間：2017年01月04日 10:45:20 投稿：mrr
最近做了這樣一個功能，讓用戶輸入手機(jī)發(fā)送驗(yàn)證碼，輸完11位手機(jī)號后，自動隱藏鍵盤。下面通過本文給大家分享實(shí)現(xiàn)方法，一起看看吧
摘要: 例如，讓用戶輸入手機(jī)發(fā)送驗(yàn)證碼，輸完11位手機(jī)號后，自動隱藏鍵盤
例如，讓用戶輸入手機(jī)發(fā)送驗(yàn)證碼，輸完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="請輸入驗(yàn)證碼" >
<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)移動“獲取”這個按鈕，從而實(shí)現(xiàn)鍵盤的隱藏！
ipone上測試可行?。。?/p>
以上所述是小編給大家介紹的jQuery實(shí)現(xiàn)手機(jī)上輸入后隱藏鍵盤功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
本文給大家分享的是使用abort來終止JQUERY的$.AJAX請求的方法和示例，有需要的小伙伴可以參考下2016-02-02
jQuery中iframe的操作(點(diǎn)擊按鈕新增窗口)
<iframe>也應(yīng)該是框架的一種形式，它與<frame>不同的是，iframe可以嵌在網(wǎng)頁中的任意部分。本文給大家介紹jQuery中iframe的操作(點(diǎn)擊按鈕新增窗口)，需要的朋友參考下吧2016-04-04
js實(shí)現(xiàn)圖片放大縮小功能后進(jìn)行復(fù)雜排序的方法
這是一個基于jquery的圖片效果，它的作用是：當(dāng)圖片點(diǎn)擊變大(變小)時，其它圖片按照一定的規(guī)則進(jìn)行排序運(yùn)動2012-11-11
jQuery遍歷DOM的父級元素、子級元素和同級元素的方法總結(jié)
借助jQuery我們可以輕松地堆DOM元素進(jìn)行向上、向下遍歷以及同級的遍歷,本文我們即來整理jQuery遍歷DOM的父級元素、子級元素和同級元素的方法總結(jié):2016-07-07
jQuery UI實(shí)現(xiàn)動畫效果代碼分享
這篇文章給大家總結(jié)了jQuery UI實(shí)現(xiàn)動畫效果的實(shí)例代碼，有需要的朋友們可以參考測試下。2018-08-08
jQuery Mobile中的button按鈕組件基礎(chǔ)使用教程
jQuery Mobile中的button默認(rèn)提供了很多用于制作移動Web頁面按鈕的屬性,這里我們來整理一下jQuery Mobile中的button按鈕組件基礎(chǔ)使用教程,需要的朋友可以參考下2016-05-05
基于jQuery實(shí)現(xiàn)模擬頁面加載進(jìn)度條
進(jìn)度條的出現(xiàn)在于無法通過任何方法獲取整個頁面的大小和當(dāng)前加載了多少，所以只能用進(jìn)度條來模擬，接下來為大家介紹下實(shí)現(xiàn)方法，感興趣的朋友可以參考下哈2013-04-04
如何利用JQuery實(shí)現(xiàn)從底部回到頂部的功能
現(xiàn)在大部分網(wǎng)站因?yàn)槠容^長，所以都會設(shè)置這么一個按鈕，利用這個按鈕可以實(shí)現(xiàn)從底部返回頂部的功能。下面通過實(shí)例代碼給大家簡單介紹一下吧2016-12-12
本文主要介紹jQuery獲取radio選中項的值的方法，希望能幫到大家，有需要的朋友可以參考一下。2016-06-06
jQuery實(shí)現(xiàn)TAB選項卡切換特效簡單演示
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)TAB選項卡切換特效簡單演示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03