使用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...