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代碼如下：

復(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é)果：

源碼下載

您可能感興趣的文章:

相關(guān)文章

jQuery unbind 刪除綁定事件詳解
下面小編就為大家?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í)例
這篇文章主要介紹了jQuery中ajax的get()方法用法,以實(shí)例形式較為詳細(xì)的分析了get()方法的功能、定義及具體使用技巧,需要的朋友可以參考下
2014-12-12
基于Layer+jQuery的自定義彈框
這篇文章主要介紹了基于Layer+jQuery的自定義彈框，功能強(qiáng)大，實(shí)用性強(qiáng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
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)簽頁效果實(shí)例詳解
這篇文章主要介紹了JQuery標(biāo)簽頁效果,結(jié)合實(shí)例形式較為詳細(xì)的分析了jQuery響應(yīng)鼠標(biāo)事件動態(tài)遍歷及切換標(biāo)簽頁的技巧,需要的朋友可以參考下
2015-12-12