dwz系列之五 自定義校驗規則

2021-07-12 03:19:35 字數 858 閱讀 4179

在dwz.validate.method.js檔案中定義了很多文字校驗規則。

date,phone,postcode等。

我們可以在這個檔案中新增自己的校驗規則,以ip位址為例:

在postcode,date的同級中新增

$.validator.addmethod("ipaddress", function(value, element) |1\d

\d|2[0-4]

\d|25[0-5])\.(\d

|1\d

\d|2[0-4]

\d|25[0-5])\.(\d

|1\d

\d|2[0-4]

\d|25[0-5])\.(\d

|1\d

\d|2[0-4]

\d|25[0-5])$/.test(value);

並在addclassrules中新增

ipaddress: ,
校驗規則是新增了,但是錯誤提示呢?

在dwz.regional.zh.js本地化檔案中新增我們要提示的文字

ipaddress:

"請輸入正確的ip位址",

最後在input中加入ipaddress這個class屬性就可以了

ip:

type=

"text"

class="required ipaddress" size="25"

maxlength="25" name="ip"

class="textinput">

效果:

DWZ表單自定義驗證規則

專案前台使用dwz框架 今天做註冊使用者功能的時候,需要對登入名進行唯一性驗證,特此記錄dwz表單自定義驗證 dwz有專門存放自定義js 檔案 js dwz.regional.zh.js,這個檔案中的 並不多 author 張慧華 z j ui.com function 的字串 minlength ...

自定義控制項 五 自定義Title

雖然說google自己有actionbar,還有 但是絕大部分的時候我們還是需要自定義統一樣式的titlebar。那麼讓我們一起來探索怎麼定義乙個萬能的titlebar吧!1 我們先把titlebar 分為三個部分,左邊,中間,右邊 右邊也許有2個按鈕 並且右邊和左邊有可能是字,也有可能是 2 那麼...

Vue 五 自定義指令

vue允許使用者自定義指令,來對dom元素進行底層操作。自定義指令分為 全域性自定義指令和區域性自定義指令。註冊乙個全域性自定義指令 focus 獲取焦點 vue.directive focus let vm newvue msg msg msg my comp update 更新 button u...