エラー時にフォームの色を変えたいです。

下記のようなコードを書いておりjquery.validate.jsを使用してます。
エラー文言とともに入力した枠を赤色にしたいです。
下記のフォームをどのように変えるとよいでしょうか。
ご教示いただけませんでしょうか。

よろしくお願いいたします。

  <!-- JS -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
  <script type="text/javascript" src="jquery.validate.js"></script>
  <script type="text/javascript">
     $.validator.setDefaults({
        submitHandler: function() { alert("submitted!"); }
     });
     $().ready(function() {
        // validate the comment form when it is submitted
        $("#commentForm").validate();
        
        // validate signup form on keyup and submit
        $("#signupForm").validate({
           rules: {
              firstname: "required",
              lastname: "required" {
                 required: true,
                 minlength: 2
              },
              password: {
                 required: true,
                 minlength: 5
              },
              email: {
                 required: true,
                 email: true
              },
              email: "正しい「メールアドレス】を入力してください",
           }
        });
        // propose username by combining first- and lastname
        $("#username").focus(function() {
           var firstname = $("#firstname").val();
           var lastname = $("#lastname").val();
           if(firstname && lastname && !this.value) {
              this.value = firstname + "." + lastname;
           }
        });
      });
  </script>
  <!-- CSS -->
  <style type="text/css">
     form { width:80%; }
     fieldset { margin:10px; padding:10px; }
     p { clear:both; margin:0; padding:0; overflow:hidden; }
     label { width:20em; float:left; display:block; }
     fieldset#newsletter_topics label { display:inline; width:auto; margin-right:10px; }
     textarea, input.txt { margin-right:10px; width:20em; float:left; }
     .error { color:#ff6699; white-space:nowrap; display:inline; }
  </style>

<body id='example3' class='example'> <div id="wrap"> <h1>サンプル</h1>  <form id="commentForm" method="get" action=""> <fieldset> <legend>あなたの名前、メールアドレス、住所、コメントを入力してください</legend> <p> <label for="cname">名（必須、2文字以上）</label> <input id="cname" name="name" class="txt required" minlength="2" /> <p> <label for="cemail">メールアドレス（必須）</label> <input id="cemail" name="email" class="txt required email" /> </p> <p> <input class="submit" type="submit" value=" 送信 "/> </p> </fieldset> </form>