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> 
 

运行时显示结果：

  源码下载