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


我们先来使用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>

运行时显示结果:

源码下载



相关阅读:
javascript跟随鼠标的文字带滚动效果
javascript 去字符串空格终极版(支持utf8)
js弹出层之1:JQuery.Boxy (二)
关于在FreeBSD上安装GD库的问题解决
SupeSite+X-Space+Discuz!打造资讯聚合站
JavaScript Timer实现代码
简介内容超出部分文字隐藏省略的特效(可显示)
遍历指定目录下的所有目录和文件的php代码
Chrome最新4.0版本支持GreaseMonkey脚本
DEDECMS网站被挂马的解决办法
教你一招配置Windows系统的页面文件
用javascript动态调整iframe高度的方法
vbs加administrator用户的代码
用javascript的正则表达式来验证Email地址是否格式正确
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4