<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);
}