JQuery扩展插件Validate—4设置错误提示的样式


Posted in Javascript onSeptember 05, 2011

我们先来使用firebug查看在前面的示例中JS产生的html错误提示:

JQuery扩展插件Validate—4设置错误提示的样式

 

从图中我们发现错误信息是被放在了一个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>

运行时显示结果:
JQuery扩展插件Validate—4设置错误提示的样式

源码下载
Javascript 相关文章推荐
如何确保JavaScript的执行顺序 之jQuery.html并非万能钥匙
Mar 03 Javascript
javascript实现跳转菜单的具体方法
Jul 05 Javascript
如何解决Jquery库及其他库之间的$命名冲突
Sep 15 Javascript
如何判断微信内置浏览器(通过User Agent实现)
Sep 01 Javascript
javascript控制层显示或隐藏的方法
Jul 22 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
Aug 17 Javascript
AngularJS入门教程之REST和定制服务详解
Aug 19 Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
Nov 22 Javascript
详解webpack import()动态加载模块踩坑
Jul 17 Javascript
Vue.js实现备忘录功能
Jun 26 Javascript
JavaScript单线程和任务队列原理解析
Feb 04 Javascript
js实现碰撞检测
Jan 29 Javascript
JQuery扩展插件Validate 3通过参数设置错误信息
Sep 05 #Javascript
JQuery扩展插件Validate 2通过参数设置验证规则
Sep 05 #Javascript
JQuery扩展插件Validate 1 基本使用方法并打包下载
Sep 05 #Javascript
JQuery扩展插件Validate 5添加自定义验证方法
Sep 05 #Javascript
分享20多个很棒的jQuery 文件上传插件或教程
Sep 04 #Javascript
jQuery验证Checkbox是否选中的代码 推荐
Sep 04 #Javascript
Jquery 一次处理多个ajax请求的代码
Sep 02 #Javascript
You might like
php构造函数实例讲解
2013/11/13 PHP
PHP 面向对象程序设计(oop)学习笔记(三) - 单例模式和工厂模式
2014/06/12 PHP
ThinkPHP模板比较标签用法详解
2014/06/30 PHP
Windows下编译PHP5.4和xdebug全记录
2015/04/03 PHP
PHP简单实现DES加密解密的方法
2016/07/12 PHP
php rmdir使用递归函数删除非空目录实例详解
2016/10/20 PHP
php+redis实现多台服务器内网存储session并读取示例
2017/01/12 PHP
CentOS 上搭建 PHP7 开发测试环境
2017/02/26 PHP
php smtp实现发送邮件功能
2017/06/22 PHP
JavaScript中URL编码函数代码
2011/01/11 Javascript
javascript在子页面中函数无法调试问题解决方法
2014/01/17 Javascript
Bootstrap项目实战之首页内容介绍(全)
2016/04/25 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
2016/07/21 Javascript
JavaScript简单生成 N~M 之间随机数的方法
2017/01/13 Javascript
Bootstrap实现各种进度条样式详解
2017/04/13 Javascript
NodeJS链接MySql数据库的操作方法
2017/06/27 NodeJs
bootstrap响应式工具使用详解
2017/11/29 Javascript
解决vue中对象属性改变视图不更新的问题
2018/02/23 Javascript
微信小程序实现人脸检测功能
2018/05/25 Javascript
vue实现带复选框的树形菜单
2019/05/27 Javascript
不刷新网页就能链接新的js文件方法总结
2020/03/01 Javascript
react 不用插件实现数字滚动的效果示例
2020/04/14 Javascript
Python模块搜索概念介绍及模块安装方法介绍
2015/06/03 Python
python实现单向链表详解
2018/02/08 Python
python实现图片识别汽车功能
2018/11/30 Python
Django框架自定义session处理操作示例
2019/05/27 Python
python如何使用socketserver模块实现并发聊天
2019/12/14 Python
python3 sleep 延时秒 毫秒实例
2020/05/04 Python
39美元购买一副眼镜或太阳镜:39DollarGlasses.com
2018/06/17 全球购物
EJB3推出JPA的原因
2013/10/16 面试题
资产评估专业学生的自我鉴定
2013/11/14 职场文书
文员岗位职责范本
2014/03/08 职场文书
2014年国庆节活动总结
2014/08/26 职场文书
送给小学生的暑假礼物!小学生必背99首古诗
2019/07/02 职场文书
图片批量处理 - 尺寸、格式、水印等
2022/03/07 杂记
mysql幻读详解实例以及解决办法
2022/06/16 MySQL