亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > Regex > 正文

如何使用JavaScript和正則表達式進行數據驗證

2020-03-16 21:08:04
字體:
來源:轉載
供稿:網友
利用客戶端JavaScript的優勢,JavaScript中的正則表達式可以簡化數據驗證的工作,下面與大家分享下如何使用JavaScript和正則表達式進行數據驗證,感興趣的朋友可以參考下哈
 
 
數據驗證是網絡應用軟件從客戶端接受數據的重要步驟,畢竟,您需要在使用客戶數據前確保其符合預期的格式。在網絡應用程序中,您可以選擇使用特定平臺的工具,比如ASP.NET、JSP等等,或者您可以利用客戶端JavaScript的優勢,JavaScript中的正則表達式可以簡化數據驗證的工作。 

正則表達式 
正則表達式是一種模式匹配的工具,它允許您以文字方式來表述模式,因而正則表達式成為了一個驗證文本數據的強大工具。除了模式匹配之外,正則表達式還可以用于文字替換。從我在UNIX系統上使用Perl時第一次接觸到正則表達式開始,對正則表達式的支持就一直在不斷延伸。 
注意:如果您身邊有很多其他的開發者,正則表達式可能會被稱作RegEx或者RegExp。盡管正則表達式的功能強大,不過其語法有點“神秘”,需要花一些時間來掌握,下面就讓我們來看看使用正則表達式的一些基礎知識。 

基本語法 
正則表達式的語法可以應用得很復雜,甚至需要一整本書來講解這個題目,但是我將講解其中一部分基本知識來幫助您獲取正則表達式的初步認識。 
一個基本概念是錨(anchor),它允許您指定字符串的起點和終點,脫字符(^)用于指定字符串的起點而美元符號($)則表示終點。如果需要在查詢字符串中含有脫字符或者美元符號,您可以使用轉義序列來實現,轉義字符()是優先于脫字符或者美元符號之處理的。以下的例子會在單詞search在字符串中出現時進行匹配。 

^search$ 
而且,您還可以查找一組字符,只要將它們放在方括號中就行了,比如[ and ],相匹配的字符必需屬于這個字符組,一個例子是在[12345]的范圍內尋找匹配的數字1到5,該正則表達式也可以寫作[1-5]。 
很多時候您可能需要指定可以出現多次的字符,或者可選的字符,問號(?)的意思是該字符是可選的,加號(+)的意思是該字符可以出現一次或者多次,星號(*)的意思是該字符可以不出現或者出現多次。 
現在讓我們來看看如何將這些簡單的正則表達式應用到JavaScript上。 

JavaScript支持 
JavaScript在1.2版本中添加了對正則表達式的支持,瀏覽器的支持則開始于Internet Explorer 4和Netscape 4,所有的Firefox 版本以及大多數現代瀏覽器都包含了JavaScript的支持。正則表達式可以通過JavaScript的字符串和RegExp來使用。 

使用字符串 
每個JavaScript字符串都可以通過三種方法來支持正則表達式,這三種方法是match()、replace()和search(),而且對象的test() 方法還允許您進行測試。以下是關于match()、replace()和search()方法的信息: 
match(): 用于正則表達式匹配,如果多個匹配出現,則返回一個含有所有匹配結果的數組,數組中的每一個條目都是一份包含了匹配數據的拷貝;如果沒有匹配值,則返回空值。

replace(): 用于正則表達式匹配并將所有的匹配值替換為新的子字符串,本方法的第一個參數是正則表達式,第二個參數是進行替換的字符串。

search(): 用于在正則表達式與指定字符串之間搜索匹配值,如果出現匹配值,則返回字符串的索引值,如果沒有匹配值,則返回-1。

JavaScript 還提供了RegExp對象來創建并使用正則表達式。 

RegExp 
RegExp對象包含了正則表達式的模式,該對象的方法和屬性可以用來匹配字符串,有兩種方法可以用來創建RegExp對象的實例:使用構造函數或使用正則表達式文本模式的文字方式,第二個參數是可選的,該參數可以指定該搜索是全局的(g)、忽略大小寫的(i)或者全局同時忽略大小寫(gi)。以下的例子是使用構造函數創建RegExp對象的方法,在這個例子中,搜索對象的大小寫是被忽略的: 
復制代碼代碼如下:

testRegExp = new RegExp("^search$","I") 

您可以使用文字方式來創建相同的實例(在斜杠中的部分),如下所示: 
復制代碼代碼如下:

testRegExp = /^search$/i 

RegExp對象包含了大量的方法,但我們只介紹其中的一個方法test。該方法將對指定字符串進行正則表達式匹配,如果成功則返回true,失敗則返回false,該方法可以應用在文字字符串或者字符串變量上,基本上,它允許您對一個字符串進行正則表達式匹配,以下的例子演示了如何使用這個方法: 
復制代碼代碼如下:

testRegExp = /search/i; 
if (testRegExp.test("this is a search string") { 
document.write("The string was found."); 
} else { 
document.write("No match found."); 

We can place it in a Web page to test: 
<html><head> 
<title>RegExp test</title> 
</head><body> 
<script language="javascript"> 
testRegExp = /search/i; 
if (testRegExp.test("this is a search string")) { 
alert("The string was found."); 
} else { 
alert("No match found."); 

</script></body></html> 

實際操作 
現在是講解更加完整的例子的時候了,在列表A中的網頁包含了JavaScript方法來驗證文本框中輸入的值,這段JavaScript代碼將搜索包含我的姓氏和我的兩個名字的字符串(忽略大小寫),如果找到了我的名字,則通過字符串對象的替換方法(search)將其替換為一個短名字。第二個文本框是用于接受時間值的,一個正則表達式在此對輸入的時間進行合法性驗證(數字是通過冒號分割的)。這個簡單的例子說明了如何在您的客戶端代碼中加入正則表達式來進行匹配和替換: 
復制代碼代碼如下:

<html><head> 
<title>RegExp validation</title> 
<script language="JavaScript"> 
function validate() { 
var doc = document.test; 
varvalName = new RegExp("^(Tony|Anthony) Patton", "i"); 
if (doc.Name.value.match(valName) == null) { 
alert("Name was not found."); 
} else { 
doc.Name.value = doc.Name.value.replace(valName, "T. Patton"); 

varvalTime = new RegExp("^([0-1][0-9]|[2][0-3]):([0-5][0-9])$"); 
if (doc.time.value.match(valTime) == null) { 
alert("Please enter correct time format (hh:ss)"); 
} } 
</script></head> 
<body><form name="test"> 
Name: <input type="text" name="Name" value=""><br> 
Time: <input type="text" name="time" value=""><br> 
<input type="button" name="test" value="test" onClick="validate();"> 
</form></body></html> 

強大而復雜 
正則表達式的功能確實很強大,但是使用起來也并不簡單,因此,應當循序漸進地學習,當然,它確實值得您花上一些時間來學習如何正確使用。正則表達式為JavaScript (以及其他的語言)操作文本,通用軟件進行表單驗證提供了一個簡單而優雅的方法。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
精品视频久久久| 久久久这里只有精品视频| 久久99亚洲精品| 91久久精品美女| 国产精品中文在线| 91精品美女在线| 国产在线视频2019最新视频| 日韩h在线观看| 国产午夜精品一区二区三区| 久久久久久久久久久久久久久久久久av| 中文字幕综合一区| 久久久精品欧美| 国产精品免费在线免费| 欧美激情精品久久久久久黑人| 伊人久久精品视频| 久久青草精品视频免费观看| 久久精品一区中文字幕| 日韩av在线影院| 日韩中文字幕久久| 亚洲а∨天堂久久精品喷水| 亚洲视频在线观看视频| 亚洲欧洲免费视频| 97在线视频精品| 国产一区二区三区欧美| 久久久久亚洲精品成人网小说| 国产精品人人做人人爽| 亚洲日本欧美中文幕| 国产欧亚日韩视频| 欧美诱惑福利视频| 98精品国产自产在线观看| 欧美性生交xxxxxdddd| 欧美日韩午夜视频在线观看| 精品国产区一区二区三区在线观看| 欧美夫妻性视频| 色www亚洲国产张柏芝| 久久久精品2019中文字幕神马| 国产精品国产自产拍高清av水多| 操人视频在线观看欧美| 91国产视频在线播放| 91午夜在线播放| 国产精品成人久久久久| 黄网动漫久久久| 欧美孕妇性xx| 国产专区精品视频| 成人福利在线视频| 影音先锋日韩有码| 亚洲色图综合久久| 国产欧美va欧美va香蕉在| 国产精品久久久久久久久久ktv| 国产色婷婷国产综合在线理论片a| 亚洲一区二区在线播放| 91理论片午午论夜理片久久| 欧美成人在线网站| 米奇精品一区二区三区在线观看| 久久夜色精品国产| 国产成人亚洲精品| 懂色aⅴ精品一区二区三区蜜月| 国产精品视频专区| 国产精品女主播| 亚洲免费中文字幕| 亚洲成人久久久久| 久久久中文字幕| 国产mv免费观看入口亚洲| 久久久国产精品一区| 91精品国产综合久久香蕉| 亚洲精品久久7777777| 精品免费在线观看| 成人深夜直播免费观看| 米奇精品一区二区三区在线观看| 国产91色在线播放| 在线视频一区二区| 久久综合88中文色鬼| 欧美极品xxxx| 欧美性受xxxx白人性爽| 亚洲综合一区二区不卡| 疯狂做受xxxx欧美肥白少妇| 亚洲一区二区三区香蕉| 亚洲字幕在线观看| 国产精品日韩久久久久| 久久久久女教师免费一区| 欧美视频一二三| 欧美精品在线观看91| 国产精品视频色| 国产精品看片资源| 26uuu国产精品视频| 欧美激情小视频| 这里只有精品在线播放| 欧美激情一区二区三区高清视频| 欧美另类老肥妇| 欧美精品久久久久a| 成人激情视频在线播放| 亚洲成人激情在线观看| 红桃视频成人在线观看| 久久久久久午夜| 亚洲国产欧美精品| 国产亚洲aⅴaaaaaa毛片| 亚洲成人网av| 2019av中文字幕| 日本久久久久久久| 精品日韩美女的视频高清| 91成人在线视频| 国产欧亚日韩视频| 91精品久久久久| 日韩av在线看| 国产精品高潮呻吟久久av黑人| 亚洲国产精品成人av| 啪一啪鲁一鲁2019在线视频| 欧美最近摘花xxxx摘花| 日本免费一区二区三区视频观看| 日本aⅴ大伊香蕉精品视频| 久久午夜a级毛片| 久久亚洲国产精品| 中文字幕亚洲欧美日韩2019| 亚洲iv一区二区三区| 亚洲电影第1页| 麻豆一区二区在线观看| 日韩精品视频免费专区在线播放| 亚洲999一在线观看www| 久热精品视频在线观看| 亚洲区免费影片| 色琪琪综合男人的天堂aⅴ视频| 日本成人激情视频| 在线免费观看羞羞视频一区二区| 国产精品三级美女白浆呻吟| 亚洲性69xxxbbb| 国产一区视频在线| 日韩视频免费观看| 亚洲精品av在线播放| 国产日韩av高清| 国产精品va在线播放| 亚洲精品欧美一区二区三区| 国产美女搞久久| 欧美一区二区大胆人体摄影专业网站| 欧美亚洲激情在线| 国产精品www| 91香蕉嫩草神马影院在线观看| 97视频在线观看播放| 国产精品视频26uuu| 亚洲欧美成人一区二区在线电影| 欧美日韩在线视频首页| 亚洲精品视频在线观看视频| 亚洲最新中文字幕| 热99精品里视频精品| 国产精品亚洲美女av网站| 欧美日韩国内自拍| 久久精品国产欧美亚洲人人爽| 久久精品一偷一偷国产| 欧美午夜视频一区二区| 狠狠色狠狠色综合日日五| 国产精品一区二区三区久久久| 麻豆国产精品va在线观看不卡| 一区二区日韩精品| 国产va免费精品高清在线| 日韩欧美一区二区在线| 午夜精品蜜臀一区二区三区免费| 欧美中文字幕在线视频| 91理论片午午论夜理片久久| 日韩美女在线观看| 欧美小视频在线| 欧美丰满少妇xxxx| 少妇高潮 亚洲精品| 日韩av一区二区在线| 亚洲精品videossex少妇| 高清欧美电影在线|