Buenas, tengo un problema, estoy intentando validar en un formulario, que el campo password y confirmarPassword deben ser iguales, si no.. lo muestra de color rojo, y si están iguales, de color verde. El problema es que cuando pruebo todo el codigo en la herramienta jsfiddle.net, funciona perfectamente, pero cuando lo ejecuto en mi pc en el navegador, no funciona, alguien tiene idea? Aquí les dejo el código que tengo escrito, tanto html,js y css.
HTML
<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>
JS[fichero validaciones.js]
$("#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");
}
});
CSS[global.css]
.divError {
border-color:red;
background-color:rgba(255, 0, 0, 0.14);
}
.divOk {
border-color:green;
background-color:rgba(31, 255, 0, 0.22);
}
Muchas gracias por adelantado