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