JQuery扩展插件Validate—4设置错误提示的样式
发布时间：2013-06-22 编辑：jiaochengji.com
JQuery扩展插件Validate—4设置错误提示的样式,使用Validate的朋友可以参考下。
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—4设置错误提示的样式
JQuery扩展插件Validate 1 基本使用方法并打包下载
jquery.validate使用攻略 第三部
JQuery扩展插件Validate 3通过参数设置错误信息
jQuery表单验证插件 Validation
jquery validate使用攻略 第四步
JQuery扩展插件Validate 5添加自定义验证方法
JQuery扩展插件Validate—6 radio、checkbox、select的验证
ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能
表单验证插件 jQuery formValidator
[关闭]