正規表示式的實作步驟-js教程-PHP中文網

首頁

web前端

js教程

正規表示式的實作步驟

php中世界最好的语言

Dec 02, 2017 am 11:08 AM

實現步驟表達式

這次跟大家介紹一下正規表示式的語法，正規表示式是一種文字模式，包括普通字元和特殊字元，正規模式描述在搜尋文字時要匹配一個或多個字串。

1.正規表示式基本語法

兩個特殊的符號'^'和'$'。他們的作用是分別指出一個字串的開始和結束。例子如下：

"^The"：表示所有以"The"開始的字串（"There"，"The cat"等）；
"of despair$"：表示所以以"of despair"結尾的字串；
"^abc$"：表示開始和結尾都是"abc"的字串－呵呵，只有"abc"自己了；
"notice"：表示任何包含" notice"的字串。

象最後那個例子，如果你不使用兩個特殊字符，你就在表示要查找的串在被查找串的任意部分——你並
不把它定位在某一個頂端。

其它還有'*'，'+'和'?'這三個符號，表示一個或一序列字元重複出現的次數。它們分別表示“沒有或
更多”，“一次或更多”還有“沒有或一次”。以下是幾個例子：

"ab*"：表示字串有一個a後面跟著零個或若干個b。（"a", "ab", "abbb",…）；
"ab+"：表示字串有一個a後面跟著至少一個b或更多；
"ab?"：表示一個字串有一個a後面跟著零個或一個b；
"a?b+$"：表示在字串的末尾有零個或一個a跟著一個或幾個b。

你也可以使用範圍，用大括號括起，用以表示重複次數的範圍。

"ab{2}"：表示一個字串有一個a跟著2個b（"abb"）；
"ab{2,}"：表示一個字串有一個a跟著至少2個b；
"ab{3,5}"：表示一個字串有一個a跟著3到5個b。

請注意，你必須指定範圍的下限（如："{0,2}"而不是"{,2}"）。還有，你可能注意到了，'*'，'+'和
'?'相當於"{0,}"，"{1,}"和"{0,1}"。
還有一個'¦'，表示「或」操作：

"hi¦hello"：表示一個字串裡有"hi"或"hello"；
"(b¦cd )ef"：表示"bef"或"cdef"；
"(a¦b)*c"：表示一串"a""b"混合的字串後面跟一個"c"；

'.'可以取代任何字元：

"a.[0-9]"：表示一個字串有一個"a"後面跟著一個任意字元和一個數字；
"^. {3}$"：表示有任意三個字元的字串（長度為3個字元）；

方括號表示某些字元允許在一個字串中的某一特定位置出現：

"[ab]"：表示一个字符串有一个"a"或"b"（相当于"a¦b"）；"[a-d]"：表示一个字符串包含小写的&#39;a&#39;到&#39;d&#39;中的一个（相当于"a¦b¦c¦d"或者"[abcd]"）；"^[a-zA-Z]"：表示一个以字母开头的字符串；"[0-9]%"：表示一个百分号前有一位的数字；",[a-zA-Z0-9]$"：表示一个字符串以一个逗号后面跟着一个字母或数字结束。

登入後複製

你也可以在方括號裡用'^'表示不希望出現的字符，'^'應在方括號裡的第一位。（如："%[^a-zA-Z]%"表
示兩個百分號中不應該出現字母）。

為了逐字表達，你必須在"^.$()¦*+?{\"這些字前面加上轉移字元'\'。

請注意在方括號中，不需要轉義字元。

2.正規表示式驗證控製文字方塊的輸入字元類型

1.只能输入数字和英文的：
<input onkeyup="value=value.replace(/[\W]/g,&#39;&#39;) " onbeforepaste="clipboardData.setData(&#39;text&#39;,clipboardData.getData(&#39;text&#39;).replace(/[^\d]/g,&#39;&#39;))" ID="Text1" NAME="Text1">
2.只能输入数字的：
<input onkeyup="value=value.replace(/[^\d]/g,&#39;&#39;) " onbeforepaste="clipboardData.setData(&#39;text&#39;,clipboardData.getData(&#39;text&#39;).replace(/[^\d]/g,&#39;&#39;))" ID="Text2" NAME="Text2">
3.只能输入全角的：
<input onkeyup="value=value.replace(/[^\uFF00-\uFFFF]/g,&#39;&#39;)" onbeforepaste="clipboardData.setData(&#39;text&#39;,clipboardData.getData(&#39;text&#39;).replace(/[^\uFF00-\uFFFF]/g,&#39;&#39;))" ID="Text3" NAME="Text3">
4.只能输入汉字的：
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,&#39;&#39;)" onbeforepaste="clipboardData.setData(&#39;text&#39;,clipboardData.getData(&#39;text&#39;).replace(/[^\u4E00-\u9FA5]/g,&#39;&#39;))" ID="Text4" NAME="Text4">

登入後複製

3.正規表示式的應用實例通俗說明

************************************************* ******************************

//校验是否全由数字组成
/^[0-9]{1,20}$/
^ 表示打头的字符要匹配紧跟^后面的规则
$ 表示打头的字符要匹配紧靠$前面的规则
[ ] 中的内容是可选字符集
[0-9] 表示要求字符范围在0-9之间
{1,20}表示数字字符串长度合法为1到20，即为[0-9]中的字符出现次数的范围是1到20次。/^ 和 $/成对使用应该是表示要求整个字符串完全匹配定义的规则，而不是只匹配字符串中的一个子串。

登入後複製

//校验登录名：只能输入5-20个以字母开头、可带数字、“_”、“.”的字串
/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/
^[a-zA-Z]{1} 表示第一个字符要求是字母。
([a-zA-Z0-9]|[._]){4,19} 表示从第二位开始（因为它紧跟在上个表达式后面）的一个长度为4到9位的字符串，它要求是由大小写字母、数字或者特殊字符集[._]组成。

登入後複製

************* ************************************************** ****************

//校验用户姓名：只能输入1-30个以字母开头的字串
/^[a-zA-Z]{1,30}$/

登入後複製

************************ ************************************************** *****

//校验密码：只能输入6-20个字母、数字、下划线
/^(\w){6,20}$/
\w：用于匹配字母，数字或下划线字符

登入後複製

************************************** *****************************************

//校验普通电话、传真号码：可以“+”或数字开头，可含有“-” 和 “ ”
/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/
\d：用于匹配从0到9的数字；
“?”元字符规定其前导对象必须在目标对象中连续出现零次或一次
可以匹配的字符串如：+123 -999 999 ； +123-999 999 ；123 999 999 ；+123 999999等

登入後複製

** ************************************************** ***************************

//校验URL
/^http[s]{0,1}:\/\/.+$/ 或 /^http[s]{0,1}:\/\/.{1,n}$/ (表示url串的长度为length(“https://”) + n )
\ / ：表示字符“/”。
. 表示所有字符的集
+ 等同于{1,}，就是1到正无穷吧。

登入後複製

**************** ************************************************** *************

//校验纯中文字符
/^[\u4E00-\u9FA5]+$/
[\u4E00-\u9FA5] ：估计是中文字符集的范围吧
以上表达式均在下面的javascript中测试通过
<html>
<script language="JavaScript">
<!--
function regx(r,s)
{
    if (r == null || r == ""){
       return false;
    }
    var patrn= new RegExp(r);
    if (patrn.exec(s))
       return true
    return false
}
-->
</script>
<body>
<form>
    规则表达式 ： <input type="input" name="regxStr" value="" > (填写/ /之间的表达式)
<br>
    校验字符串 ： <input type="input" name="str" value="" >
    <input type="button" name="match" value="匹配" onClick="alert(regx(regxStr.value,str.value));">
</form>
</body>
</html>

登入後複製

#相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

熱AI工具

熱工具

熱門話題

Java教學

1676

CakePHP 教程

1429

Laravel 教程

1333

PHP教程

1278

C# 教程

1257

Related knowledge

如何在iPhone中使Google地圖成為預設地圖 Apr 17, 2024 pm 07:34 PM

iPhone上的預設地圖是Apple專有的地理位置供應商「地圖」。儘管地圖越來越好，但它在美國以外的地區運作不佳。與谷歌地圖相比，它沒有什麼可提供的。在本文中，我們討論了使用Google地圖成為iPhone上的預設地圖的可行性步驟。如何在iPhone中使Google地圖成為預設地圖將Google地圖設定為手機上的預設地圖應用程式比您想像的要容易。請依照以下步驟操作–先決條件步驟–您必須在手機上安裝Gmail。步驟1–開啟AppStore。步驟2–搜尋“Gmail”。步驟3–點選Gmail應用程式旁

升級微信最新版本的步驟（輕鬆掌握微信最新版本的升級方法） Jun 01, 2024 pm 10:24 PM

不斷推出新版本以提供更好的使用體驗，微信作為中國的社交媒體平台之一。升級微信至最新版本是非常重要的，家人和同事的聯繫、為了保持與朋友、及時了解最新動態。 1.了解最新版本的特性與改進了解最新版本的特性與改進非常重要，在升級微信之前。效能改進和錯誤修復，透過查看微信官方網站或應用程式商店中的更新說明、你可以了解新版本所帶來的各種新功能。 2.檢查目前微信版本我們需要檢查目前手機上已安裝的微信版本、在升級微信之前。點擊，打開微信應用“我”然後選擇，菜單“關於”在這裡你可以看到當前微信的版本號，。 3.打開應

此 Apple ID 尚未在 iTunes Store 中使用：修復 Jun 10, 2024 pm 05:42 PM

使用AppleID登入iTunesStore時，可能會在螢幕上拋出此錯誤提示「此AppleID尚未在iTunesStore中使用」。沒有什麼可擔心的錯誤提示，您可以按照這些解決方案集進行修復。修正1–更改送貨地址此提示出現在iTunesStore中的主要原因是您的AppleID個人資料中沒有正確的地址。步驟1–首先，開啟iPhone上的iPhone設定。步驟2–AppleID應位於所有其他設定的頂部。所以，打開它。步驟3–在那裡，打開“付款和運輸”選項。步驟4–使用面容ID驗證您的存取權限。步驟

Shazam應用程式在iPhone中無法運作：修復 Jun 08, 2024 pm 12:36 PM

iPhone上的Shazam應用程式有問題？ Shazam可協助您透過聆聽歌曲找到歌曲。但是，如果Shazam無法正常工作或無法識別歌曲，則必須手動對其進行故障排除。修復Shazam應用程式不會花費很長時間。因此，無需再浪費時間，請按照以下步驟解決Shazam應用程式的問題。修正1–禁用粗體文字功能iPhone上的粗體文字可能是Shazam無法正常運作的原因。步驟1–您只能從iPhone設定執行此操作。所以，打開它。步驟2–接下來，開啟其中的「顯示和亮度」設定。步驟3–如果您發現啟用了“粗體文本

iPhone螢幕截圖不起作用：如何修復 May 03, 2024 pm 09:16 PM

螢幕截圖功能在您的iPhone上不起作用嗎？截圖非常簡單，因為您只需同時按住「提高音量」按鈕和「電源」按鈕即可抓取手機螢幕。但是，還有其他方法可以在設備上捕獲幀。修復1–使用輔助觸控使用輔助觸控功能截取螢幕截圖。步驟1–轉到您的手機設定。步驟2–接下來，點選以開啟「輔助功能」設定。步驟3–開啟「觸摸」設定。步驟4–接下來，開啟「輔助觸控」設定。步驟5–打開手機上的「輔助觸控」。步驟6–打開“自訂頂級選單”以存取它。步驟7–現在，您只需將這些功能中的任何一個連結到螢幕擷取即可。因此，點擊那裡的首

iPhone中缺少時鐘應用程式：如何修復 May 03, 2024 pm 09:19 PM

您的手機中缺少時鐘應用程式嗎？日期和時間仍將顯示在iPhone的狀態列上。但是，如果沒有時鐘應用程序，您將無法使用世界時鐘、碼錶、鬧鐘等多項功能。因此，修復時鐘應用程式的缺失應該是您的待辦事項清單的首位。這些解決方案可以幫助您解決此問題。修復1–放置時鐘應用程式如果您錯誤地從主畫面中刪除了時鐘應用程序，您可以將時鐘應用程式放回原位。步驟1–解鎖iPhone並開始向左側滑動，直到到達「應用程式庫」頁面。步驟2–接下來，在搜尋框中搜尋「時鐘」。步驟3–當您在搜尋結果中看到下方的「時鐘」時，請按住它並

Win11系統管理員權限取得步驟詳解 Mar 08, 2024 pm 09:09 PM

Windows11作為微軟最新推出的作業系統，深受廣大用戶喜愛。在使用Windows11的過程中，有時候我們需要取得系統管理員權限，以便進行一些需要權限的操作。接下來將詳細介紹在Windows11中取得系統管理員權限的步驟。第一步，點擊“開始功能表”，在左下角可以看到Windows圖標，點擊該圖標即可開啟“開始功能表”。第二步，在「開始功能表」中尋找並點擊「

無法在iPhone上更改Apple ID國家/地區：修復 Apr 20, 2024 am 08:22 AM

無法更改AppleID所屬國家或地區。在許多情況下，您無法變更AppleID的區域。我們已經討論了所有這些條件及其各自的解決方案，以便您能夠在iPhone上更改AppleID。修復1–取消所有活動訂閱如果您已經有活動訂閱，Apple不允許您執行區域修改操作。通常，這些應用程式在不同地區具有不同的訂閱計劃、等級和費用（貨幣）。步驟1–您必須轉到“設定”。步驟2–您將在「設定」頁面的頂部找到您的AppleID。步驟3–點擊一次即可打開它。步驟4–在下一頁上，開啟「訂閱」選單。步驟5–您可以在其中查看

See all articles

正規表示式的實作步驟

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題