2012-01-27 10 views
0

jQueryフォームの検証pluginを使っていくつかのフォームフィールドを検証します。今のところ私はここのようなCSSを作った:jQueryフォーム検証プラグイン。空のフィールドのみ背景色を作る

input.error, select.error { 
    border: 2px solid red !important; 
    } 

私はいくつかのフィールドがあり、いくつかの追加の検証が追加されています。 空の( "必須")入力の背景色を赤色にすることは可能ですが、空ではないが有効ではない場合はできません。

+0

赤い背景=空の入力;赤い枠線は無効ですが空ではありません。境界線がない背景は有効ではない空の入力?そしてこの色分けは、提出時に発生しますか?はい? – Fresheyeball

+0

はい。これをどのようにアーカイブできますか? –

答えて

3

カスタム検証メソッドを作成して定義することができる必要など:

$.validator.addMethod("custom_required", function(value, element) { 
     if ($.trim(value) == "") { 
      $(element).addClass('redBg'); 
      return false; 
     } else { 
      $(element).removeClass('redBg'); 
      return true; 
     } 
    }, "This field cannot be empty"); 
+0

これは私が心に留めていたものよりずっとスマートです。 – Fresheyeball

+0

あなたが 'removeClass( 'redBg')'に逃したことがあります。 –

+0

確かに、エラーが「必須」に関連していない場合でもクラスを削除する必要があります。私はコードを変更しました。 – archmage

関連する問題