使用JQuery外掛程式Validate對表單進行校驗

2021-10-07 02:50:50 字數 1649 閱讀 5555

使用jquery外掛程式validate對表單進行校驗

在web工程中引入validate 工具包

引入js檔案。

基本語法:

validate的rules和messages表示校驗規則和錯誤資訊,均為json格式。

示例:

這裡要注意以下細節:

所有需要被校驗的元素都必須有 name 屬性,並且其取值在乙個表單中必須唯一,因為rules中的key取得是name屬性,而非id。

同組的或元素 name 屬性值必須相同。

表單校驗結果:

補充:validate預設校驗規則如下:

規則名稱

具體描述

required:true

必輸字段

remote:「remote-valid.jsp」

使用ajax方法呼叫remote-valid.jsp驗證輸入值

email:true

驗證電子郵件是否正確

url:true

驗證**是否正確

date:true

日期驗證

dateiso:true

iso日期驗證

number:true

驗證數字(包括負數、小數)

digits:true

整數驗證

creditcard:true

驗證合法的信用卡號

equalto:"#field"

輸入值是否和#field相同(id)

accept:

合法字尾名的字串

maxlength:5

長度最多是5的字串

minlength:10

輸入長度最小是10的字串(漢字算乙個字元)

rangelength:[5,10]

輸入長度必須介於 5 和 10 之間的字串")(漢字算乙個字元)

range:[5,10]

輸入值必須介於 5 和 10 之間

max:5

輸入值不能大於5

min:5

輸入值不能小於10

預設訊息:

messages:  characters."),

minlength: $.validator.format("please enter at least characters."),

rangelength: $.validator.format("please enter a value between and characters long."),

range: $.validator.format("please enter a value between and ."),

max: $.validator.format("please enter a value less than or equal to ."),

min: $.validator.format("please enter a value greater than or equal to .")

},

JQuery驗證外掛程式使用

required true 必輸字段 2 remote remote valid.jsp 使用ajax方法呼叫remote valid.jsp驗證輸入值 3 email true 必須輸入正確格式的電子郵件 4 url true 必須輸入正確格式的 5 date true 必須輸入正確格式的日期,日...

JQuery外掛程式使用小結

一,jquery.treeview 見名之意,就是將頁面的資料以樹的形式展現出來。和上篇部落格中的dhtmlxtree不同的是,它是將html檔案中的資料進行顯示,而html檔案主要是用ul和li進行巢狀資料。看一下html如何儲存資料 頁面中也如jquery.treeview的js 和對應的css...

jquery外掛程式treetable使用

treetable treetable expandable為true 初始化展開顯示 先上區域性檢視改造後的 model list helper rendertable org org,listsource if org.areatype 1 if source.count m m.parenti...