<link href="global.css" rel="stylesheet" type="text/css">
<script language="javascript" type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js" ></script>
	<script language="javascript" type="text/javascript" src="validaciones.js" ></script>

<div class='campoPassword'>
            			<label for="password">Password</label>
            			<div class="password">
              				<input type="password" name="password" value="" id="password" class="password" />
            			</div>
          			</div>
          			
          			<div class='campoConfirmarPassword'>
            			<label for="confirmarPassword">Confirmar Password</label>
            			<div class="confirmarPassword">
              				<input type="password" name="confirmarPassword" value="" id="confirmarPassword" class="confirmarPassword" />
            			</div>
          			</div>

$("#confirmarPassword").on("blur",function(){
    	if($(this).val() != $("#password").val()){
      	 	 $(this).removeClass("divError");
       	 	 $(this).removeClass("divOk");
       	 	 $(this).addClass("divError");
   	 	}else{
        	$(this).removeClass("divError");
       		$(this).removeClass("divOk");
       	 	$(this).addClass("divOk");
    	}
});

.divError {
	border-color:red;
	background-color:rgba(255, 0, 0, 0.14);
}
.divOk {
	border-color:green;
	background-color:rgba(31, 255, 0, 0.22); 
}