JQuery扩展插件Validate—4设置错误提示的样式
更新时间：2011年09月05日 21:50:35 作者：
JQuery扩展插件Validate—4设置错误提示的样式,使用Validate的朋友可以参考下。
我们先来使用firebug查看在前面的示例中JS产生的html错误提示:
从图中我们发现错误信息是被放在了一个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实现自定义校验结果样式
- jquery插件validate验证的小例子
- jQuery插件Validate实现自定义表单验证
- Jquery插件 easyUI属性汇总
- Jquery插件之多图片异步上传
- jQuery Dialog 弹出层对话框插件
- 强烈推荐240多个jQuery插件提供下载
- 分享20多个很棒的jQuery 文件上传插件或教程
- jQuery validate插件功能与用法详解
相关文章
下面小编就为大家带来一篇jQuery unbind 删除绑定事件详解。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了jquery实现的table排序功能,涉及基于jQuery的页面元素属性动态操作及鼠标事件响应相关技巧,需要的朋友可以参考下2017-03-03
jQuery实现动画效果的实例代码，需要的朋友可以参考一下2013-05-05
锚点嘛，业余点的解释就是可以让页面定位到某个位置的点。在高度较高的页面中经常见到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实现图片上传裁剪（同步显示图像位置信息）
本篇文章主要对jQuery插件imgAreaSelect实现图片上传裁剪（同步显示图像位置信息）的使用做了简要分析说明。需要的朋友来看下吧，希望对大家有所帮助2016-12-12
BootStrap的table表头固定tbody滚动的实例代码
本文给大家分享一段关于BootStrap的table表头固定tbody滚动的实例代码,代码简单易懂，需要的朋友可以参考下2016-08-08
这篇文章主要介绍了JQuery标签页效果,结合实例形式较为详细的分析了jQuery响应鼠标事件动态遍历及切换标签页的技巧,需要的朋友可以参考下2015-12-12
最新评论