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