JQuery擴(kuò)展插件Validate—4設(shè)置錯(cuò)誤提示的樣式
更新時(shí)間：2011年09月05日 21:50:35 作者：
JQuery擴(kuò)展插件Validate—4設(shè)置錯(cuò)誤提示的樣式,使用Validate的朋友可以參考下。
我們先來(lái)使用firebug查看在前面的示例中JS產(chǎn)生的html錯(cuò)誤提示:
從圖中我們發(fā)現(xiàn)錯(cuò)誤信息是被放在了一個(gè)label標(biāo)簽中，且有一個(gè)類樣式error，只要為signupform下面的
label標(biāo)簽中的error定css樣式，應(yīng)該就可以修改顯示結(jié)果了,添加的css代碼如下：
<style type="text/css">
*
{
font-size: 14px;
}
#signupForm label.error
{
color:Red;
font-size:13px;
margin-left:5px;
padding-left:16px;
background:url("error.png") left no-repeat;
}
</style>
運(yùn)行時(shí)顯示結(jié)果：
源碼下載
label標(biāo)簽中的error定css樣式，應(yīng)該就可以修改顯示結(jié)果了,添加的css代碼如下：
復(fù)制代碼 代碼如下:
<style type="text/css">
*
{
font-size: 14px;
}
#signupForm label.error
{
color:Red;
font-size:13px;
margin-left:5px;
padding-left:16px;
background:url("error.png") left no-repeat;
}
</style>
運(yùn)行時(shí)顯示結(jié)果：
您可能感興趣的文章:
- jQuery驗(yàn)證插件 Validate詳解
- JQuery擴(kuò)展插件Validate—6 radio、checkbox、select的驗(yàn)證
- JQuery擴(kuò)展插件Validate 5添加自定義驗(yàn)證方法
- jValidate 基于jQuery的表單驗(yàn)證插件
- jQuery驗(yàn)證插件validate使用方法詳解
- jQuery插件Validate實(shí)現(xiàn)自定義校驗(yàn)結(jié)果樣式
- jquery插件validate驗(yàn)證的小例子
- jQuery插件Validate實(shí)現(xiàn)自定義表單驗(yàn)證
- Jquery插件 easyUI屬性匯總
- Jquery插件之多圖片異步上傳
- jQuery Dialog 彈出層對(duì)話框插件
- 強(qiáng)烈推薦240多個(gè)jQuery插件提供下載
- 分享20多個(gè)很棒的jQuery 文件上傳插件或教程
- jQuery validate插件功能與用法詳解
相關(guān)文章
這篇文章主要介紹了jQuery中$原理,結(jié)合實(shí)例形式分析了jQuery中$的原理與運(yùn)行機(jī)制,并具體分析了jQuery對(duì)象構(gòu)造的具體原理,需要的朋友可以參考下2018-08-08
基于jquery實(shí)現(xiàn)手風(fēng)琴效果
這篇文章主要為大家詳細(xì)介紹了基于jquery實(shí)現(xiàn)手風(fēng)琴效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-04-04
利用JQuery動(dòng)畫(huà)制作滑動(dòng)菜單項(xiàng)效果實(shí)現(xiàn)步驟及代碼
滑動(dòng)菜單項(xiàng)效果,聽(tīng)起來(lái)就是很時(shí)尚的一個(gè)效果，不過(guò)實(shí)現(xiàn)起來(lái)有些麻煩，還好有本文的出現(xiàn)，可以幫助你解決這個(gè)困惑，熱愛(ài)特效的你可不要錯(cuò)過(guò)了哈，好了話不多說(shuō)切入正文2013-02-02
本文結(jié)合圖文代碼，基本上將所有的jQuery選擇器都講解了一遍，非常的詳盡，希望對(duì)大家能有所幫助。2014-11-11
springmvc接收jquery提交的數(shù)組數(shù)據(jù)代碼分享
這篇文章主要介紹了springmvc接收jquery提交的數(shù)組數(shù)據(jù)代碼分享，還是比較不錯(cuò)的，這里分享給大家，供需要的朋友參考。2017-10-10
jquery動(dòng)態(tài)添加option選項(xiàng)，還有動(dòng)態(tài)刪除的方法，大家參考使用吧2013-12-12
按鈕的各狀態(tài)效果在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中經(jīng)常會(huì)遇到，下面寫(xiě)個(gè)jquery擴(kuò)展，使這個(gè)過(guò)程更加方便，感興趣的朋友可以了解下2013-08-08
Jquery replace 字符替換實(shí)現(xiàn)代碼
Jquery replace 字符替換實(shí)現(xiàn)代碼，需要的朋友可以參考下。2010-12-12
Jquery中offset()和position()的區(qū)別分析
這篇文章主要介紹了Jquery中offset()和position()的區(qū)別,實(shí)例分析了offset()與position()的使用的技巧與區(qū)別,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了jquery圖形密碼實(shí)現(xiàn)方法,涉及jQuery操作圖形特效的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03