本章將介紹如何利用jQuery,通過(guò)為表單配置class進(jìn)行統(tǒng)一驗(yàn)證。(ID一個(gè)頁(yè)面只可以使用一次;class可以多次引用)
1:為input添加class,名字可以隨意設(shè)置,但每個(gè)input需要保持一致,本章案例calss設(shè)置為noNull。(若input已有class屬性,可直接加到其后)
2:為input添加一個(gè)屬性,用來(lái)后期通過(guò)jquery獲取該字段,用作提示語(yǔ)。本章案例提示屬性為notNull。
3:通過(guò)jQuery遍歷頁(yè)面中所有calss為noNull的表單,驗(yàn)證其是否為空,若為空,通過(guò)獲取notNull的字段,進(jìn)行為空提示。
具體如何設(shè)置,請(qǐng)參照下面的案例。本章針對(duì)input,radio,select,checkbox等類型都進(jìn)行了闡述。
required: "必選字段",
remote: "請(qǐng)修正該字段",
email: "請(qǐng)輸入正確格式的電子郵件",
url: "請(qǐng)輸入合法的網(wǎng)址",
date: "請(qǐng)輸入合法的日期",
dateISO: "請(qǐng)輸入合法的日期 (ISO).",
number: "請(qǐng)輸入合法的數(shù)字",
digits: "只能輸入整數(shù)",
creditcard: "請(qǐng)輸入合法的信用卡號(hào)",
equalTo: "請(qǐng)?jiān)俅屋斎胂嗤闹?,
accept: "請(qǐng)輸入擁有合法后綴名的字符串",
maxlength: jQuery.format("請(qǐng)輸入一個(gè)長(zhǎng)度最多是 {0} 的字符串"),
minlength: jQuery.format("請(qǐng)輸入一個(gè)長(zhǎng)度最少是 {0} 的字符串"),
rangelength: jQuery.format("請(qǐng)輸入一個(gè)長(zhǎng)度介于 {0} 和 {1} 之間的字符串"),
range: jQuery.format("請(qǐng)輸入一個(gè)介于 {0} 和 {1} 之間的值"),
max: jQuery.format("請(qǐng)輸入一個(gè)最大為 {0} 的值"),
min: jQuery.format("請(qǐng)輸入一個(gè)最小為 {0} 的值")然后,在document的read事件中,加入如下方法:
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
jquery表單驗(yàn)證之通過(guò)class驗(yàn)證表單不為空_jquery
jquery表單驗(yàn)證之通過(guò)class驗(yàn)證表單不為空_jquery:在開(kāi)發(fā)系統(tǒng)時(shí),往往都有某些表單數(shù)據(jù)為必填項(xiàng),若用jQuery通過(guò)ID去驗(yàn)證,不僅會(huì)影響效率,還會(huì)有所遺漏,不易于后期維護(hù)。 本章將介紹如何利用jQuery,通過(guò)為表單配置class進(jìn)行統(tǒng)一驗(yàn)證。(ID一個(gè)頁(yè)面只可以使用一次;class可以多次引用) 1:為input推薦度:
- 熱門焦點(diǎn)