0

フォームがあり、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",
      }      
   });
});
4

1 に答える 1

3

jQuery 検証プラグインのデフォルトでは、エラーのあるフォームを投稿しようとすると、error検証に失敗したすべてのフォーム要素にクラス名が追加されます。そう：

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

となります：

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

スタイルを変更するには、次のようにします。

.error {
   color: red;
   font-size: 12px;
}
于 2013-01-20T18:42:23.620 に答える