jquery validate不支援動態生成的表單

2021-08-17 08:50:43 字數 1218 閱讀 3338

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

基本用法如下:

一、匯入 js 庫

script>二、使用

html:

novalidate="novalidate"

id="deliver-form"

action="***x"

accept-charset="utf-8"

method="post">

收貨人:label>

type="text"

name="deliver_user">

form>

script:

$('#deliver-form').validate(,

},messages:,

},submithandler:function

(form)})}

});

上面的用法對於頁面第一次載入form就生成的話,那麼是能夠正常驗證的,但如果form是動態生成的,例如使用vue變數判斷。

html:

v-if="isshow"

novalidate="novalidate"

id="deliver-form"

action="***x"

accept-charset="utf-8"

method="post">

收貨人:label>

type="text"

name="deliver_user">

form>

因為沒等dom渲染完成就呼叫,是獲取不到form。一定要等到渲染完成才能獲取form,所以可以使用 settimeout(function(),500);。

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 請正確填...