JQuery擴(kuò)展插件Validate—4設(shè)置錯誤提示的樣式
更新時間：2011年09月05日 21:50:35 作者：
JQuery擴(kuò)展插件Validate—4設(shè)置錯誤提示的樣式,使用Validate的朋友可以參考下。
我們先來使用firebug查看在前面的示例中JS產(chǎn)生的html錯誤提示:
從圖中我們發(fā)現(xiàn)錯誤信息是被放在了一個label標(biāo)簽中，且有一個類樣式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)行時顯示結(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)行時顯示結(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 彈出層對話框插件
- 強(qiáng)烈推薦240多個jQuery插件提供下載
- 分享20多個很棒的jQuery 文件上傳插件或教程
- jQuery validate插件功能與用法詳解
相關(guān)文章
下面小編就為大家?guī)硪黄猨Query unbind 刪除綁定事件詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
jquery實(shí)現(xiàn)的table排序功能示例
這篇文章主要介紹了jquery實(shí)現(xiàn)的table排序功能,涉及基于jQuery的頁面元素屬性動態(tài)操作及鼠標(biāo)事件響應(yīng)相關(guān)技巧,需要的朋友可以參考下2017-03-03
jQuery實(shí)現(xiàn)動畫效果的實(shí)例代碼
jQuery實(shí)現(xiàn)動畫效果的實(shí)例代碼，需要的朋友可以參考一下2013-05-05
關(guān)于錨點(diǎn)跳轉(zhuǎn)及jQuery下相關(guān)操作與插件
錨點(diǎn)嘛，業(yè)余點(diǎn)的解釋就是可以讓頁面定位到某個位置的點(diǎn)。在高度較高的頁面中經(jīng)常見到2012-10-10
這篇文章主要介紹了jQuery中ajax的get()方法用法,以實(shí)例形式較為詳細(xì)的分析了get()方法的功能、定義及具體使用技巧,需要的朋友可以參考下2014-12-12
這篇文章主要介紹了基于Layer+jQuery的自定義彈框，功能強(qiáng)大，實(shí)用性強(qiáng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
jQuery EasyUI API 中文文檔 - Dialog對話框
jQuery EasyUI API 中文文檔 - Dialog對話框使用說明，需要的朋友可以參考下。2011-11-11
利用jQuery插件imgAreaSelect實(shí)現(xiàn)圖片上傳裁剪（同步顯示圖像位置信息）
本篇文章主要對jQuery插件imgAreaSelect實(shí)現(xiàn)圖片上傳裁剪（同步顯示圖像位置信息）的使用做了簡要分析說明。需要的朋友來看下吧，希望對大家有所幫助2016-12-12
BootStrap的table表頭固定tbody滾動的實(shí)例代碼
本文給大家分享一段關(guān)于BootStrap的table表頭固定tbody滾動的實(shí)例代碼,代碼簡單易懂，需要的朋友可以參考下2016-08-08
這篇文章主要介紹了JQuery標(biāo)簽頁效果,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery響應(yīng)鼠標(biāo)事件動態(tài)遍歷及切換標(biāo)簽頁的技巧,需要的朋友可以參考下2015-12-12