電子メールの検証にjQueryを使用してボックスの色を変更しますか？

Question

私はボックス内の電子メールが有効かどうかをテストする入力ボックスを持っています。これはスクリプトです：

$("#myform").validate({ 
    rules: { 
    field: { 
     required: true, 
     email: true 
    } 
    } 
}); 

これは電子メールをテストします。フォームに別のクラスを追加して色を変更するスクリプトもあります。

$("#myform").toggleClass("othercolor");

イムこのコードを配置するだけでわかりません。 jQueryの新しいnewbyの質問に申し訳ありません。おかげで= D

Answer 1

Here's a demo... (UPDATED)

あなたがjQuery validation pluginを使用している可能性のように見えます。あなたがいると仮定すると、ページがロードされるときに$("#myform").validate()を実行することによってフォームのバリデーションを初期化するだけです（例えば、$(document).ready()から呼び出すことによって）。フォームが有効であれば、

var validator = null; 
$(document).ready(function(){ 
    validator = $("#myform").validate({ 
     rules: { 
     cemail: { 
      required: true, 
      email: true 
     } 
     } 
    }); 


    $("#cemail").blur(function() { 
     if (validator.form()) { 
      $("#myform").addClass("othercolor"); 
     } 
     else { 
      $("#myform").removeClass("othercolor"); 
     } 
    }); 
});​ 

validator.form() trueを返します：あなたはフォーカスが電子メールフィールドを離れたときにCSSクラスを適用する場合

$(document).ready(function(){ 
    $("#myform").validate(); 
}); 

は、あなたがこのような何かを行うことができますそうでない場合はfalseを返します。 .toggleclass（）はここで必要なことをしないことに注意してください。戻り値validator.form()に基づいてクラスを追加または削除する必要があります。

Answer 2

なぜあなたはjQueryの成功コールバックにそれを追加していけない：

$("#myform").validate({ 
rules: { 
field: { 
    required: true, 
    email: true 
} 
}, 

success: function(){ 
$(this).toggleClass('red');  
} 

});