4设置错误提示的样式

JQuery扩展插件Validate—4设置错误提示的样式,使用Validate的朋友可以参考下。

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

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>


运行时显示结果:

4设置错误提示的样式


源码下载

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdjpyj.html