jquery - 使用 jquery 并尝试使用 css 更改错误消息

Question

我有一个表单，我想在 css 中更改错误消息的字体大小和颜色，但我不知道该怎么做。

$(document).ready(function() {
   $("#form1").validate({ 
      rules: {  
         credit: {
         required:true,
         creditcard: true
      },
      amount: { 
         required: true,
         min:(15),
      },
      firstname: "required",// simple rule, converted to {required:true} 
      surname: "required",// simple rule, converted to {required:true}   
      name2: "required",// simple rule, converted to {required:true}    
      surname2: "required",// simple rule, converted to {required:true}     
      name3: "required",// simple rule, converted to {required:true}  
   },

这些是消息，我不希望它们与表单输入的大小和颜色相同，需要弄清楚如何更改它们

      messages: {
         firstname: "Please enter a first name",
         surname: "Please enter a surname",
         name2: "Please enter a first name",
         surname2: "Please enter a surname",
         name3: "Please enter a name",
      }      
   });
});

Answer 1

默认情况下，使用 jQuery 验证插件时，当您尝试发布有错误的表单时，它会将类名 error 添加到所有验证失败的表单元素。所以:

<input type="text" name="firstname"/>

将成为:

<input type="text" name="firstname" class="error"/>

要更改样式，请使用如下内容:

.error {
   color: red;
   font-size: 12px;
}