jQueryの色を変更する

Question

これまでのところ、パスワードの綴りが正しいかどうかをユーザーに知らせるためのコードがありますが、一致/不一致のテキストの色を緑色/赤色にしたいとします。 Pを確認するために

$(function() { 
    $("#txtConfirmPassword").keyup(function() { 
     var password = $("#txtNewPassword").val(); 
     $("#divCheckPasswordMatch").html(password == $(this).val() ? "Passwords match." : "Passwords do NOT match!").css('color','green'); 
    }); 
    }); 

Answer 1

使用.css()は

$(function() { 
 
$("#txtConfirmPassword").keyup(function() { 
 
    var password = $("#txtNewPassword").val(); 
 
    if(password == $(this).val()) { 
 
     $("#divCheckPasswordMatch").html("Passwords match."); 
 
     $("#divCheckPasswordMatch").css("color","green"); 
 
    } else { 
 
     $("#divCheckPasswordMatch").html("Passwords do NOT match!"); 
 
     $("#divCheckPasswordMatch").css("color","red"); 
 
    } 
 
}); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<input type="text" id="txtNewPassword" /> 
 
<input type="text" id="txtConfirmPassword" /> 
 
<div id="divCheckPasswordMatch" />

Answer 2

使用これをテキストの色を変更するにはassword

$("elmLocator").css("color","red"); 

しかし、キーアップでそれを元に戻すことを忘れないでください。

Answer 3

(function() { 
    $("#txtConfirmPassword").keyup(function() { 
     var password = $("#txtNewPassword").val(); 
     if(password == $(this).val()) 
     { 
      $("#divCheckPasswordMatch").html("Passwords match."); 
      $(this).css('color', 'green'); 
     }else{ 
      $("#divCheckPasswordMatch").html("Passwords do NOT match!"); 
      $(this).css('color', 'red'); 
     } 
    }); 
}); 

Answer 4

セット：

$(function() { 

    $("#txtConfirmPassword").keyup(function() { 
     var password = $("#txtNewPassword").val(); 
     $("#divCheckPasswordMatch").html(password == $(this).val() ? "Passwords match." : "Passwords do NOT match!"); 
    }); 

});