jQuery에서 색상 변경

Question

지금까지 암호가 맞는지 사용자가 알 수 있도록이 코드를 사용했지만 일치/일치하지 않는 텍스트의 녹색/빨간색 색상을 만들고 싶습니다. 페이지를 확인하기 위해

$(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!"); 
    }); 

});