表單驗證中的正規表示式

2021-07-23 18:21:24 字數 1567 閱讀 1704

前些時間學習jquery外掛程式-validation時,埋了個正規表示式的坑,現在來填。

首先附上官方解釋:

正規表示式是對字串操作的一種邏輯公式,就是用事先定義好的一些特定字元、及這些特定字元的組合,組成乙個「規則字串」,這個「規則字串」用來表達對字串的一種過濾邏輯。

給定乙個正規表示式和另乙個字串,我們可以達到如下的目的:

1. 給定的字串是否符合正規表示式的過濾邏輯(稱作「匹配」);

2. 可以通過正規表示式,從字串中獲取我們想要的特定部分。

看過了官方解釋,知道它可以作為表單驗證的驗證條件,可以通過設定不同的正規表示式來限定表單輸入格式。

以下是一些常用的用於表單驗證的正規表示式:

1.^\d+$  ;  //匹配非負整數(正整數 + 0)

2.^[0-9][1-9][0-9]$    //匹配正整數

3.^((-\d+)|(0+))$   //匹配非正整數(負整數 + 0)

4.^-[0-9][1-9][0-9]$   //匹配負整數

5.^-?\d+$   //匹配整數

6.^\d+(.\d+)?$    //匹配非負浮點數(正浮點數 + 0)

7.^(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9]))$  //匹配正浮點數

8.^((-\d+(.\d+)?)|(0+(.0+)?))$  //匹配非正浮點數(負浮點數 + 0)

9.^(-(([0-9]+.[0-9][1-9][0-9])|([0-9][1-9][0-9].[0-9]+)|([0-9][1-9][0-9])))$  //匹配負浮點數

10.^(-?\d+)(.\d+)?$  //匹配浮點數

11.^[a-za-z]+$  //匹配由26個英文本母組成的字串

12.^[a-z]+$  //匹配由26個英文本母的大寫組成的字串

13.^[a-z]+$  //匹配由26個英文本母的小寫組成的字串

14.^[a-za-z0-9]+$  //匹配由數字和26個英文本母組成的字串

15.^\w+$  //匹配由數字、26個英文本母或者下劃線組成的字串

16.^[\w-]+(.[\w-]+)*@[\w-]+(.[\w-]+)+$    //匹配email位址

17.^[a-za-z]+://匹配(\w+(-\w+))(.(\w+(-\w+)))(\?\s)?$  //匹配url

18.匹配中文字元的正規表示式: [\u4e00-\u9fa5]

19.匹配雙位元組字元(包括漢字在內):[^\x00-\xff]

20.匹配空行的正規表示式:\n[\s| ]*\r

21.匹配html標記的正規表示式:/<(.)>.

<\/\1>|<(.*) \/>/

22.匹配首尾空格的正規表示式:(^\s*)|(\s*$)

23.應用:計算字串的長度(乙個雙位元組字元長度計2,ascii字元計1)

string.prototype.len=function()

看完教程,把上面的例子理解一下就ok了。

表單驗證 正規表示式驗證表單

一 表單 新使用者註冊 h1 form action register success.htm method post name myform id form1 dl dt 使用者名稱 dt dd input id user type text div id user prompt 使用者名稱由英文...

正規表示式驗證表單

用正規表示式實現的js表單驗證,判斷使用者的輸入是否是正確的。新使用者註冊 js function id function v id string.prototype.trim function 檢查表單的輸入是否全部正確 var reg 正規表示式 function checkall obj el...

正規表示式 表單驗證

獲取dom物件 function e str 動態新增有樣式的內容 ok prompt 為提示文字驗證正確的classname error prompt 為提示文字驗證錯誤時classname import prompt 為提示文字提示時classname obj.innerhtml str obj...