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 相关文章推荐
取键盘键位ASCII码的网页
Jul 30 Javascript
JavaScript入门教程(3) js面向对象
Jan 31 Javascript
用JavaScript将从数据库中读取出来的日期型格式化为想要的类型。
Aug 15 Javascript
jquery取消选择select下拉框示例代码
Feb 22 Javascript
JS获取几种URL地址的方法小结
Feb 26 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
Apr 07 Javascript
深入理解vue2.0路由如何配置问题
Jul 18 Javascript
在移动端使用vue-router和keep-alive的方法示例
Dec 02 Javascript
微信小程序在地图选择地址并返回经纬度简单示例
Dec 03 Javascript
手把手带你封装一个vue component第三方库
Feb 14 Javascript
微信小程序保存多张图片的实现方法
Mar 05 Javascript
vue+elementUi 实现密码显示/隐藏+小图标变化功能
Jan 18 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/02/04 PHP
浅谈php函数serialize()与unserialize()的使用方法
2014/08/19 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
使用纯php代码实现页面伪静态的方法
2015/07/25 PHP
分享ThinkPHP3.2中关联查询解决思路
2015/09/20 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
javascript 哈希表(hashtable)的简单实现
2010/01/20 Javascript
自己动手开发jQuery插件教程
2011/08/25 Javascript
推荐40个非常优秀的jQuery插件和教程【系列三】
2011/11/09 Javascript
jquery 事件冒泡的介绍以及如何阻止事件冒泡
2012/12/25 Javascript
向当前style sheet中插入一个新的style实现方法
2013/04/01 Javascript
js简易namespace管理器 实例代码
2013/06/21 Javascript
Backbone中View之间传值的学习心得
2016/08/09 Javascript
AngularJS中的JSONP实例解析
2016/12/01 Javascript
JS操作xml对象转换为Json对象示例
2017/03/25 Javascript
vue2.0父子组件间通信的实现方法
2017/04/19 Javascript
js实现通过开始结束控制的计时器
2019/02/25 Javascript
js定义类的方法示例【ES5与ES6】
2019/07/30 Javascript
[50:27]Secret vs VG 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
Python struct.unpack
2008/09/06 Python
初学python数组的处理代码
2011/01/04 Python
Python 数据结构之旋转链表
2017/02/25 Python
django轻松使用富文本编辑器CKEditor的方法
2017/03/30 Python
Python基础教程之内置函数locals()和globals()用法分析
2018/03/16 Python
kaggle+mnist实现手写字体识别
2018/07/26 Python
Python功能点实现:函数级/代码块级计时器
2019/01/02 Python
python面试题之列表声明实例分析
2019/07/08 Python
python3 求约数的实例
2019/12/05 Python
python通过opencv实现图片裁剪原理解析
2020/01/19 Python
使用TensorFlow直接获取处理MNIST数据方式
2020/02/10 Python
python GUI库图形界面开发之PyQt5 Qt Designer工具(Qt设计师)详细使用方法及Designer ui文件转py文件方法
2020/02/26 Python
python list的index()和find()的实现
2020/11/16 Python
戴尔新加坡官网:Dell Singapore
2020/12/13 全球购物
如何估计一张表的大小(假设该表中有1万条数据)
2016/03/27 面试题
初中同学会活动方案
2014/08/22 职场文书
数据库的高级查询六:表连接查询:外连接(左外连接,右外连接,UNION关键字,连接中ON与WHERE的不同)
2021/04/05 MySQL