表單校驗及正規表示式

2022-08-12 08:03:14 字數 1374 閱讀 4307

表單驗證的作用:

減輕伺服器的壓力

保證輸入的資料符合要求

常用的表單驗證

日期格式

表單元素是否為空

使用者名稱和密碼

email位址

身份證號碼

表單選擇器用於選取某些特定的表單元素

常用的表單選擇器

input:text匹配所有單行文字框/password匹配所有密碼框/radio:匹配所有單項按鈕/

checkbox:匹配所有核取方塊/submit:匹配所有提交按鈕/imag:匹配所有影象域/

reset匹配所有重置按鈕/button匹配所有按鈕/file匹配所有文字域

hidden:匹配所有不可見元素

屬性過濾選擇器

enabled:匹配所有可用元素/disabled:匹配所有不可見元素/checked:匹配所有被選中元素

selected:匹配所有選中的option元素

非空驗證

示例:if (mail == "") )$/;

if(reg.test(email) ==false)(.[a-za-z])?$/;

regexp物件

屬性global

regexp物件是否具有標誌g,表示全域性匹配

ignorecase

regexp物件是否具有標誌i,表示不區分大小寫

multiline

regexp物件是否具有標誌m,表示多行匹配

方法方法

描述exec( )

檢索字元中是正規表示式的區配,返回找到的值,並確定其位置

test( )

檢索字串中指定的值,返回true或false

string物件方法

方法描述

exec( )

檢索字元中是正規表示式的區配,返回找到的值,並確定其位置

test( )

檢索字串中指定的值,返回true或false

正規表示式符號

符號描述

代表乙個模式的開始和結束

匹配字串的開始

匹配字串的結束

\s任何空白字元

\s任何非空白字元

\d匹配乙個數字字元,等價於[0-9]

\d除了數字之外的任何字元,等價於[^0-9]

\w匹配乙個數字、下劃線或字母字元,等價於[a-za-z0-9_]

\w任何非單字字元,等價於[^a-za-z0-9_]

除了換行符之外的任意字元

符號描述

匹配前一項n次

匹配前一項n次,或者多次

匹配前一項至少n次,但是不能超過m次

匹配前一項0次或多次,等價於

匹配前一項1次或多次,等價於

匹配前一項0次或1次,也就是說前一項是可選的,等價於

正規表示式和表單校驗

正規表示式的範圍 匹配輸入字串的開始位置 匹配輸入字串的結束位置。如果設定了regexp物件的multiline屬性,也匹配 n 或 r 之前的位置。0 9 d 匹配乙個數字字元。等價於 0 9 d 匹配乙個非數字 w 匹配包括下劃線的任何單詞字元。等價於 a za z0 9 w 匹配任何非單詞字元...

正規表示式校驗

這兩天在寫專案的js api,要對各種字段進行js校驗。用到了jquery.validator,因為jquery內建的validator方法較少,大多數還要自己手動做校驗,所以用到的正規表示式比較多,這裡整理一下,做個筆記。只能包括英文本母 數字和下劃線 a za z0 9 密碼 大於6位的字母與數...

js中的表單校驗 正規表示式

表示如果去掉空格後的字串的長度為0。if v.trim length 0 使用者名稱正則,4到16位 字母,數字,下劃線,減號 var upattern a za z0 9 輸出 true console.log upattern.test zhaoyanfu 密碼強度正則,最少6位,包括至少1個大...