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

Question

很抱歉问这种问题，但我对jQuery validation plugin 很陌生

插件做得很好，但我希望所有具有错误/空白的输入字段都应该有红色边框，如何通过jQuery validation plugin 实现这一点

Answer 1

我想你正在寻找这样的东西：参见DEMO

代码在这里：示例代码

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>