jQuery validate表單驗證基本使用

2022-01-11 17:20:57 字數 1317 閱讀 1635

jquery.validate是jquery的乙個驗證框架,可以迅速驗證一些常見的輸入,並且可以自己擴充自己的驗證方法!

1、匯入js庫

js庫+ jquery.validate.js

2、 驗證表單:

<

form

action

=""method

="get"

id="checkform"

>

姓名:<

input

type

="text"

name

="name"

required

/>

<

input

type

="email"

name

="email"

/>

<

input

type

="submit"

value

="提交"

/>

form

>

3、執行:

4、拓展驗證:jquery.validate.js裡面的message有什麼驗證內容type和name值改成相應的值,如:下面的date

<

input

id="new"

type

="date"

name

="date"

/>

jquery.extend(jquery.validator.messages,  的字串"), 

minlength: jquery.validator.format("請輸入乙個長度最少是 的字串"),

rangelength: jquery.validator.format("請輸入乙個長度介於 和 之間的字串"),

range: jquery.validator.format("請輸入乙個介於 和 之間的值"),

max: jquery.validator.format("請輸入乙個最大為 的值"),

min: jquery.validator.format("請輸入乙個最小為 的值")

});

或不引入直接修改,如:

$("#checkform").validate(

});

備:如果使用class="{}"的方式放正則,必須引入包:jquery.metadata.js,這裡暫不演示

jquery validate 校驗心得

1.rule 裡面的設定的各個項是以name 做為關鍵字,莫以id做為唯一值。謹記 2.jquery.validator.format 的使用列子 button click function this is alert str str jquery.validator.format str,worl...

jQuery Validate外掛程式使用

這幾天一直在接觸驗證方面的工作,jquery validate是乙個比較常用的驗證外掛程式,說一下心得吧。效果圖類似 說乙個簡單的,現在需求是模板編號只能是正整數數字。控制項 如下 模板編號 接下來就是使用jquery了,第一步肯定是匯入js庫了,這個不用說,第二步開始寫js 解釋一下吧,首先jqu...

jQuery Validate 觸發機制

lang en charset utf 8 titletitle src jquery 1.11.2.js script src jquery.validate.min.js script document ready function 15 0 9 18 0 9 d test value 請正確填...