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 相关文章推荐
jQuery的初始化与对象构建之浅析
Apr 12 Javascript
ajax的hide隐藏问题解决方法
Dec 11 Javascript
js闭包实例汇总
Nov 09 Javascript
Javascript简单改变表单元素背景的方法
Jul 15 Javascript
javascript引用类型之时间Date和数组Array
Aug 27 Javascript
javascript拖拽应用实例(二)
Mar 25 Javascript
Bootstrap轮播图的使用和理解4
Dec 14 Javascript
JavaScript仿微信(电话)联系人列表滑动字母索引实例讲解(推荐)
Aug 16 Javascript
react以create-react-app为基础创建项目
Mar 14 Javascript
Webpack中publicPath路径问题详解
May 03 Javascript
vue $set 给数据赋值的实例
Nov 09 Javascript
vue使用过滤器格式化日期
Jan 20 Vue.js
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的一个登录的类 [推荐]
2007/03/16 PHP
Windows PHP5和Apache的安装与配置
2009/06/08 PHP
PHP curl_setopt()函数实例代码与参数分析
2011/06/02 PHP
PHP加密解密类实例分析
2015/04/20 PHP
PHP抓取网页、解析HTML常用的方法总结
2015/07/01 PHP
laravel框架使用阿里云短信发送消息操作示例
2020/02/15 PHP
『jQuery』.html(),.text()和.val()的概述及使用
2013/04/22 Javascript
parentElement,srcElement的使用小结
2014/01/13 Javascript
JavaScript indexOf方法入门实例(计算指定字符在字符串中首次出现的位置)
2014/10/17 Javascript
jquery.map()方法的使用详解
2015/07/09 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
2016/08/02 Javascript
关于Javascript中defer和async的区别总结
2016/09/20 Javascript
基于HTML5+JS实现本地图片裁剪并上传功能
2017/03/24 Javascript
d3.js实现自定义多y轴折线图的示例代码
2018/05/30 Javascript
vue中关闭eslint的方法分析
2018/08/04 Javascript
VeeValidate 的使用场景以及配置详解
2019/01/11 Javascript
微信小程序实现文件、图片上传功能
2020/08/18 Javascript
JavaScript实现Excel表格效果
2020/02/07 Javascript
JavaScript中clientWidth,offsetWidth,scrollWidth的区别
2021/01/25 Javascript
[05:43]VG.R战队教练Mikasa专访:为目标从未停止战斗
2016/08/02 DOTA
Python 用户登录验证的小例子
2013/03/06 Python
python服务器与android客户端socket通信实例
2014/11/12 Python
Python使用py2exe打包程序介绍
2014/11/20 Python
Python字符串通过'+'和join函数拼接新字符串的性能测试比较
2019/03/05 Python
解决Python正则表达式匹配反斜杠''\''问题
2019/07/17 Python
Python unittest如何生成HTMLTestRunner模块
2020/09/08 Python
python邮件中附加文字、html、图片、附件实现方法
2021/01/04 Python
css3 按钮样式简单可扩展创建
2013/03/18 HTML / CSS
Clarria化妆品官方网站:购买天然和有机化妆品系列
2018/04/08 全球购物
澳大利亚女士时装在线:Rockmans
2018/09/26 全球购物
北京某科技有限公司C# .net笔试题
2014/09/27 面试题
中西医结合临床医学专业大学生自荐信
2013/09/28 职场文书
小学教师暑期培训方案
2014/08/28 职场文书
民主评议政风行风活动心得体会
2014/10/29 职场文书
MySQL为数据表建立索引的原则详解
2022/03/03 MySQL
Java 轮询锁使用时遇到问题
2022/05/11 Java/Android