使用jQuery如何實現手機號正規驗證輸入
這篇文章主要介紹了jQuery實現手機號正規驗證輸入及自動填充空格功能,涉及jQuery事件響應、字符串遍歷及正則判斷等相關操作技巧,需要的朋友可以參考下
本文實例講述了jQuery實作手機號碼正規驗證輸入及自動填充空格功能。分享給大家供大家參考，具體如下：
先來看看運行效果（在刪除時連刪即可）：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" id="inp">
<script src="jquery-1.12.3.min.js"></script>
<script>
$(function(){
$("#inp").keyup(function(){
/*
手机号验证时：
var pattern = /^1[3|4|5|7|8]\d{1}\s\d{4}\s\d{4}$/;
pattern.test(str);
*/
_self = $(this);
if(_self.val().length == 3 || _self.val().length == 8){
var str = _self.val()+" ";
_self.val(str);
}
});
});
</script>
</body>
</html>以上是使用jQuery如何實現手機號正規驗證輸入的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
AI Hentai Generator
免費產生 AI 無盡。
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強大的PHP整合開發環境
Dreamweaver CS6
視覺化網頁開發工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
熱門話題
如何用小紅書號找出用戶？能查到手機號碼嗎？
Mar 22, 2024 am 08:40 AM
隨著社群媒體的迅速發展，小紅書已經成為了備受青睞的社群平台之一。用戶可以透過建立小紅書號來展示個人身份，並與其他用戶交流互動。如果你需要找某個用戶的小紅書號碼，可以按照以下簡單步驟來操作。一、如何用小紅書號找出用戶？ 1.開啟小紅書APP，點選右下角的「發現」按鈕，然後選擇「筆記」選項。 2.在筆記清單中，找到你想找的用戶發布的筆記。點擊進入筆記詳情頁。 3.在筆記詳情頁中，點選使用者頭像下方的「追蹤」按鈕，即可進入該使用者的個人首頁。 4.在使用者個人主頁右上角，點選三個點按鈕，然後選擇「個人資訊
微信不允許透過手機號碼添加怎麼設置
Mar 12, 2024 pm 05:04 PM
微信不允許透過手機號碼添加怎麼設定?在微信APP中是可以不允許透過手機號添加微信，但是多數的用戶不知道如何設定不允許微信通過手機號，接下來就是小編為用戶帶來的微信不允許透過手機號添加設定方法教程，有興趣的用戶快來一起看看吧！微信使用教學微信不允許透過手機號碼新增怎麼設定1、先開啟微信APP，進入到主頁點選右下角【我】進入，選擇【設定】功能;2、之後進入到設定功能頁，找到【朋友權限】服務功能;3、然後在朋友權限介面，滑動【加我為朋友時需要驗證】後方的按鈕;4、最後在下圖所示的頁面，滑動【手機號】後
小紅書帳號怎麼改手機號碼？帳號改手機號碼有影響嗎？
Mar 22, 2024 am 08:11 AM
在數位時代，小紅書已成為許多人分享生活、發現好物的平台。隨著時間的推移，我們可能需要更改帳號的手機號碼。那麼，要如何更改小紅書的手機號碼呢？一、小紅書帳號怎麼改手機號碼？ 1.登入小紅書帳號，進入「我的」頁面。 2.點選右上角的“...”，選擇“設定”。 3.在設定頁面，找到「帳號與安全」選項，點選進入。 4.在帳號與安全頁面，找到「手機號碼」選項，點選進入。 5.此時，頁面會顯示目前手機號碼，點選「更換手機號碼」。 6.輸入新的手機號碼，接收驗證碼，並填寫。 7.設定新的密碼，確保帳號安全。 8.完成上述步驟後，
一個手機號碼怎麼註冊兩個B站號？ B站怎麼解除手機綁定？
Mar 21, 2024 pm 10:10 PM
B站（嗶哩嗶哩）作為中國年輕人非常喜歡的影片分享網站，吸引了大量的用戶。有些使用者希望擁有兩個B站帳號，以便於分開管理和使用。那麼，一個手機號碼要怎麼註冊兩個B站號碼呢？本文將圍繞這一問題以及如何解除手機綁定展開講解。一、一個手機號碼怎麼註冊兩個B站號？ 1.註冊新帳號：首先，在手機上開啟B站App或登入官網，點選「註冊」按鈕，選擇註冊方式，可以使用手機號碼、信箱或第三方帳號（如微信、QQ等）進行註冊。 2.註冊帳號時，請根據系統提示填寫必要的信息，包括手機號碼、驗證碼以及設定密碼等。務必確保兩個帳號使用不同
全角空格與半角空格的不同之處
Mar 25, 2024 pm 12:45 PM
全角空格與半角空格的不同之處在我們使用文字處理軟體或編輯文字內容的時候，有時候會遇到空格這個概念。空格在排版和格式化文字時是一個很基礎的元素，不過很多人可能不知道全角空格和半角空格的差別。在日常使用中，我們或許能感受到全角空格和半角空格在不同的情境下會產生不同的效果，但可能並沒有意識到這其中的細微差別。首先，全角空格和半角空格的差別在於它們所佔據的寬
jQuery中如何使用PUT請求方式？
Feb 28, 2024 pm 03:12 PM
jQuery中如何使用PUT請求方式？在jQuery中，發送PUT請求的方法與發送其他類型的請求類似，但需要注意一些細節和參數設定。 PUT請求通常用於更新資源，例如更新資料庫中的資料或更新伺服器上的檔案。以下是在jQuery中使用PUT請求方式的具體程式碼範例。首先，確保引入了jQuery庫文件，然後可以透過以下方式發送PUT請求：$.ajax({u
jQuery小技巧：快速修改頁面所有a標籤的文本
Feb 28, 2024 pm 09:06 PM
標題：jQuery小技巧：快速修改頁面所有a標籤的文字在網頁開發中，我們經常需要對頁面中的元素進行修改和操作。使用jQuery時，有時候需要一次修改頁面中所有a標籤的文字內容，這樣可以節省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標籤的文本，同時給出具體的程式碼範例。首先，我們需要引入jQuery庫文件，確保在頁面中引入了以下程式碼：<
如何正確地在 Go 語言中使用空格
Mar 29, 2024 pm 03:42 PM
Go語言是一種簡單、有效率、並發性強的程式語言，它是由Google開發的開源語言。在Go語言中，空格的使用是非常重要的，它能夠提高程式碼的可讀性和易於維護性。本文將介紹如何正確地在Go語言中使用空格，並提供具體的程式碼範例。為什麼需要正確使用空格在程式設計過程中，空格的使用對於程式碼的可讀性和美觀性非常重要。恰當地使用空格可以讓程式碼更加清晰、易讀，從而減
