正規表示式和表單輔助特效

2022-08-30 20:24:14 字數 2141 閱讀 3793

regexp物件

方法描述

exec

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

test

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

test()方法

語法:正規表示式物件例項.test(字串)

例:var str="my name";

var reg=/name/;

var result=reg.test(str);

result的值為true

string物件方法

方法描述

match

找到乙個或多個正規表示式的匹配

search

檢索與正規表示式相匹配的值

replace

替換與正規表示式匹配的字串

split

把字串分割為字串陣列

match()方法

語法:字串物件.match(searchstring或regexpobject)

searchstring是要檢索的字串的值,regexpobject是規定要匹配模式的regexp物件

例:var str="my name";

var reg=/name/;

var result=str.test(reg);

result的值為name

regexp物件的屬性

屬性描述

global

regexp物件是否具有標誌g

ignorecase

regexp物件是否具有標誌i

multiline

regexp物件是否具有標誌m

附加引數:用於拓展表示式的含義,主要有一下三個引數

g:代表可以進行全域性匹配

i:代表不區分大小寫

m:代表可以進行多行匹配

正規表示式的常用符號

符號描述

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

^匹配字串的開始

$匹配字串的結束

\s任何空白字元

\s任何非空白字元

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

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

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

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

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

正規表示式的重複字元

字元描述

{n}匹配前一項n次

{n,}

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

{n,m}

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

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

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

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

下拉列表框物件

select物件的常用事件、方法和屬性

類別名稱

描述事件

onchange

當改變選項是呼叫的事件

方法add()

向下拉列表框中新增乙個選項

屬性options

返回包含下拉列表框中的所有選項的乙個陣列

selectedindex

設定或返回下拉列表框中被選中的索引號

length

返回下拉列表框中選項的數目

option物件的常用屬性

屬性描述

text

設定或返回某個選項的純文字值

value

設定或返回被送往伺服器的值

陣列物件的常見方法和屬性

類別名稱

描述屬性

length

設定或返回陣列中元素的數目

方法join()

把陣列的所有元素放入乙個字串中,通過乙個分隔符進行分隔

sort()

對陣列的元素進行排序

語法:join(分隔符);

陣列名.sort(sortby);

表單驗證和正規表示式

效果圖 html布局 css樣式 body block ul li li input type text li input type password li input type text hover,li input type password hover yz text fz btn ck li...

正規表示式和表單校驗

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

正規表示式驗證表單

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