jquery表單驗證之通過class驗證表單不為空_jquery

來源：懂視網責編：小采時間：2020-11-27 21:45:05

jquery表單驗證之通過class驗證表單不為空_jquery

jquery表單驗證之通過class驗證表單不為空_jquery:在開發系統時，往往都有某些表單數據為必填項，若用jQuery通過ID去驗證，不僅會影響效率，還會有所遺漏，不易于后期維護。本章將介紹如何利用jQuery，通過為表單配置class進行統一驗證。（ID一個頁面只可以使用一次；class可以多次引用） 1：為input

推薦度：

點擊下載本文 文檔為doc格式

導讀jquery表單驗證之通過class驗證表單不為空_jquery:在開發系統時，往往都有某些表單數據為必填項，若用jQuery通過ID去驗證，不僅會影響效率，還會有所遺漏，不易于后期維護。本章將介紹如何利用jQuery，通過為表單配置class進行統一驗證。（ID一個頁面只可以使用一次；class可以多次引用） 1：為input

在開發系統時，往往都有某些表單數據為必填項，若用jQuery通過ID去驗證，不僅會影響效率，還會有所遺漏，不易于后期維護。

本章將介紹如何利用jQuery，通過為表單配置class進行統一驗證。（ID一個頁面只可以使用一次；class可以多次引用）

1：為input添加class，名字可以隨意設置，但每個input需要保持一致，本章案例calss設置為noNull。（若input已有class屬性，可直接加到其后）

2：為input添加一個屬性，用來后期通過jquery獲取該字段，用作提示語。本章案例提示屬性為notNull。

3：通過jQuery遍歷頁面中所有calss為noNull的表單，驗證其是否為空，若為空，通過獲取notNull的字段，進行為空提示。

具體如何設置，請參照下面的案例。本章針對input,radio,select,checkbox等類型都進行了闡述。

required: "必選字段",
remote: "請修正該字段",
email: "請輸入正確格式的電子郵件",
url: "請輸入合法的網址",
date: "請輸入合法的日期",
dateISO: "請輸入合法的日期 (ISO).",
number: "請輸入合法的數字",
digits: "只能輸入整數",
creditcard: "請輸入合法的信用卡號",
equalTo: "請再次輸入相同的值",
accept: "請輸入擁有合法后綴名的字符串",
maxlength: jQuery.format("請輸入一個長度最多是 {0} 的字符串"),
minlength: jQuery.format("請輸入一個長度最少是 {0} 的字符串"),
rangelength: jQuery.format("請輸入一個長度介于 {0} 和 {1} 之間的字符串"),
range: jQuery.format("請輸入一個介于 {0} 和 {1} 之間的值"),
max: jQuery.format("請輸入一個最大為 {0} 的值"),
min: jQuery.format("請輸入一個最小為 {0} 的值")

然后，在document的read事件中，加入如下方法：

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com