Jquery前端驗證學習

2021-07-15 00:01:50 字數 1395 閱讀 3648

jquery validate 外掛程式為表單提供了強大的驗證功能,讓客戶端表單驗證變得更簡單,同時提供了大量的定製選項,滿足應用程式各種需求。該外掛程式**了一套有用的驗證方法,包括 url 和電子郵件驗證,同時提供了乙個用來編寫使用者自定義方法的 api。

使用方式

1、將校驗規則寫到控制項中

2、將校驗規則寫到 js **中

3.使用非同步驗證

使用 ajax 方式進行驗證,缺省會提交當前驗證的值到遠端位址,如果需要提交其他的值,可以使用 data 選項。

2.快速學習

實現輸入內容不能為空

其中最重要的是   nvalidate=""  並且以後需要新增任何驗證功能都要在 nvalidate 中進行修改.

實現輸入內容必須為電子郵箱

看到其中的 email:true  相信很多人都應該可以猜出後面如何使用不同的驗證了。

實現輸入內容必須為電子郵箱,且不能為空

這裡我們使用了組合的方式將電子郵箱的驗證功能和輸入內容不能為空的驗證功能同時啟用,那麼就可以實現必須輸入內容並且輸入的內容必須符合電子郵箱的格式。

實現輸入內容必須為url

nvalidate=""

為了更快速的學習,下面將會列出引數名稱以及冒號後面所需要填寫的引數和型別

實現輸入內容必須為日期

date:true

實現輸入內容必須為數字

number:true

實現輸入內容必須為整數

digits:true

實現輸入內容必須和指定輸入框內容相同

equalto:'#id'

引數說明:

id : 指定內容相同的輸入框id

實現輸入內容必須大於指定字元長度

minlength:size

引數說明:

size : 指定字串的長度

實現輸入內容必須小於指定字元長度

maxlength:size

引數說明:

size : 指定字串的長度

實現輸入內容必須在指定字元長度範圍內

rangelength:[minsize,maxsize]

引數說明:

minsize : 最短字元長度

maxsize : 最長字元長度

實現輸入數值必須大於指定數值

min : num

引數說明:

num : 最小數值(輸入的數值可以等於這個數值)

實現輸入數值必須小於指定數值

max : num

引數說明:

num : 最大數值(輸入的數值可以等於這個數值)

實現輸入數值必須在指定數值範圍內

range : [minnum,maxnum]

引數說明:

minnum : 最小數值

maxnum : 最大數值

web前端框架 jQuery表單驗證

1 什麼是正規表示式 能讓計算機讀懂的字串匹配規則。2 正規表示式的寫法 var re new regexp 規則 可選引數 var re 規則 引數 3 規則中的字元 1 普通字元匹配 如 a 匹配字元 a a,b 匹配字元 a,b 2 轉義字元匹配 d 匹配乙個數字,即0 9 d 匹配乙個非數字...

jquery前端常見資料驗證

驗證移動手機號碼 function isphoneno phone 驗證手機號碼 return reg.test phone 固定 驗證 function isfixedphone phone d d katex parse error undefined control sequence d at...

前端學習之jquery

jquery物件就是通過jquery包裝dom物件後產生的物件。jquery物件是jquery獨有的。如果乙個物件是jquery物件,那麼它就可以使用jquery裡的方法 test html test html 意思是指 獲取id為test的元素內的html 其中html 是jquery裡的方法 這...