jquery通過class驗證表單不能為空

2022-07-22 15:42:21 字數 461 閱讀 3639

在開發系統時,往往都有某些表單資料為必填項,若用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等型別都進行了闡述。

Jquery選擇器 通過class名獲取ID

記錄一下自己不太熟悉的jquery選擇器的用法。按 class 查詢注意在 class 名稱前加乙個.var a red 所有節點包含 class red 都將返回 例如 red green red 查詢同時包含多個class名的物件,如同時包含 car 和 bus var a car.bus 注意...

DWZ 驗證 CLASS 規則

原文 dwz 驗證 class 規則 驗證 格式 class x 即可驗證。required 必填字段 remote 請修正該欄位 email 請輸入正確格式的電子郵件 url 請輸入合法的 date 請輸入合法的日期 dateiso 請輸入合法的日期 iso number 請輸入合法的數字 dig...

jquery 操作 class 屬性

類屬性即class屬性,規定類名.用類選擇器規定樣式的時候,需要為元素指定類名,即class屬性的值.注意每個html元素只有乙個class屬性.但是class屬性的值可以是多個名稱,即可能包含乙個詞的列表,中間用空格分隔.具體使用方法見 用jquery進行類名修改既可以用attr 方法修改 cla...