如何在jQuery验证插件中添加自定义css到空白/错误字段?

时间:2016-05-06 10:28:36

标签: jquery forms validation

很抱歉提出这类问题,但我对jQuery validation plugin

很新

该插件做得很好,但我希望所有那些错误/空白的输入字段都应该有红色边框,  如何通过jQuery validation plugin

实现这一目标

1 个答案:

答案 0 :(得分:1)

我认为您正在寻找类似的内容:See DEMO

代码在这里:Example Code

JS:

/* Fire Valaidate */
$(document).ready(function(){
   $("#form").validate({
      rules: {
         name: {
            required: true
               }
         },
         messages: {
            name: "Required Field"
         }
     });
});

CSS:

#form label.error {
    color:red;
}
#form input.error {
    border:1px solid red;
}

HTML:

<form id="form" method="" action="">
    <label for="name">Name</label>
   <input type="text" id="name" name="name">
</form>