DWZ表單自定義驗證規則

2021-07-25 14:17:36 字數 1778 閱讀 3643

專案前台使用dwz框架

今天做註冊使用者功能的時候,需要對登入名進行唯一性驗證,特此記錄dwz表單自定義驗證:

dwz有專門存放自定義js**檔案:js/dwz.regional.zh.js,這個檔案中的**並不多:

/**

* @author 張慧華 [email protected]

*/(function($) 的字串"),

minlength: $.validator.format("長度最少是 的字串"),

rangelength: $.validator.format("長度介於 和 之間的字串"),

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

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

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

alphanumeric: "字母、數字、下劃線",

lettersonly: "必須是字母",

phone: "數字、空格、括號"

});} jquery.validator.addmethod("c_singleusername", function(value, element) else

}, "登陸名重複");

// dwz regional

$.setregional("datepicker", );

$.setregional("alertmsg", ,

butmsg:

});})(jquery);

中間部分是我寫的自定義驗證的**(只是乙個小demo):

jquery.validator.addmethod("c_singleusername", function(value, element) else

}, "登陸名重複");

也就是說,自定義的驗證直接寫到檔案的這個位置即可。

頁面上的使用如下:

名稱:

只需要將自定義驗證的名稱寫到指定input元素的class屬性中即可。required表示此項是必填項。

頁面效果如下:

輸入admin提示重複:

輸入admin1,驗證通過:

需要請求伺服器端進行驗證,寫在function裡面即可:

function(value, element) {}

引數:value,當前input元素的值。

自定義表單驗證

判斷 號碼格式 judgephone function phone var isphone 0 9 0 9 if strtemp.test phone isphone.test phone else 這是判斷 號碼格式的方法,有移動形式和座機形式,符合標準返回1,不符合標準返回 1 格式 非必填 c...

AntD中Form表單自定義驗證規則

需求 antd中form表單自定義驗證規則,不能為 或者只能是 不能為 label 學生編碼 name stuid validatefirst 出錯時兩個校驗分別生效 rules else 請填寫學生編碼 classname create input form.item 只能是 utils.js檔案...

DWZ驗證表單規則一覽

密碼 必填,字母 數字 下劃線驗證 年齡 必填,最大值和最小值驗證 提交 code email 請輸入正確格式的電子郵件 url 請輸入合法的 date 請輸入合法的日期 dateiso 請輸入合法的日期 iso number 請輸入合法的數字 digits 只能輸入整數 creditcard 請輸...