pattern屬性配合正則來驗證表單

2021-09-02 22:57:33 字數 2217 閱讀 4549

手機號:^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d$

密碼:^[a-za-z]\w$ 字母開頭,長度在6~18之間,只能包含字母、數字和下劃線

強密碼:強密碼:^(?=.*\d)(?=.*[a-z])(?=.*[a-z]).$ 包含大小寫字母和數字的組合,不能使用特殊字元,長度在8-10之間

整數:^-?\d+$

負整數:^-([1-9]|[1-9][0-9])*$

非整數:^\d+$

title的使用:

index.html

lang

="zh"

>

>

charset

="utf-8"

>

>

documenttitle

>

head

>

src=

"__static__/js/jquery-3.3.1.min.js"

>

script

>

>

>

手機號:type

="text"

name

="name"

id='name'

title

='手機號格式不正確'

pattern

="^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d$"

required

/>

type

='submit'

/>

form

>

body

>

>

script

>

html

>

使用title的話會預設加上請於所請求的格式保持一致

oninvalid的使用:

index.html

lang

="zh"

>

>

charset

="utf-8"

>

>

documenttitle

>

head

>

src=

"__static__/js/jquery-3.3.1.min.js"

>

script

>

>

>

使用者名稱:type

="text"

name

="name"

id='name'

title

='不行哦'

pattern

="^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d$"

oninvalid

="setcustomvalidity('請輸入11位手機號');"

required

="required"

/>

type

='submit'

/>

form

>

body

>

>

script

>

html

>

使用oninvalid的話可自定義乙個短語

一、瀏覽器的支援

二、為空時能跳過驗證

在正則驗證時,正則只會在有值的情況下驗證,但為空時,就能跳過正則驗證,這是pattern的乙個弊端……這時,我們加上h5的required屬性就可解決

Android 正則表達Pattern初學

pattern初始化。pattern不需要new,可以這樣用pattern pattern pattern.compile str str為自己寫的正規表示式。常用的方法會在最後慢慢補。常用方法 1 檢視字串是否匹配正則。常用地方,驗證 郵箱等 pattern pattern pattern.com...

正規表示式 ( pattern )解釋

當使用re.findall pattern s 時候 如果在表示式中包含有 則只會輸出括號裡面的內容,如何既使用 又不會只返回括號裡面的內容呢?大俠,在這裡隆重推薦 這種方法來代替 下面看案例 import re tips 1 re.findall pattern,string 選取所有合適的條目,...

正規表示式之Pattern與Matcher

pattern類 描述匹配模式。matcher類 具體的匹配器,依賴於pattern類提供的匹配模式。pattern類的建立 由於pattern的構造器私有,所以一般通過pattern類的靜態方法compile string regex 來獲得物件,該方法需要傳入乙個正規表示式的字串作為匹配規則。也...