Problema validación javascript

[Josholsan]

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

Código [Seleccionar] Expandir


<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>


Código [Seleccionar] Expandir


<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]

Código [Seleccionar] Expandir


$("#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]

Código [Seleccionar] Expandir


.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

[l337*]

y si bajas el jquery y lo usas local en lugar de usarlo externo?

Código [Seleccionar] Expandir


<script src="jquery-VER.SION.min.js" ></script>
<script src="validaciones.js" ></script>


asegurate de que el html y los js estén en el mismo directorio, aunque es opcional y mejor meterlos en subcarpetas.

saludz

[Josholsan]

probaré a bajar jquery y probarlo en local. Y no los tengo en subcarpetas porque solo hice un proyecto aparte para probar la validación, pero probaré y contaré a ver que tal. Gracias.

[Phantasy]

Para el "jaleo" de archivos JQ etc. Puedes utilizar la siguiente linea que consulta la libreria de JQ al momento. Eso si, consulta la ultima libreria y hay que tener internet.

Código [Seleccionar] Expandir

http://code.jquery.com/jquery-latest.js

Ej:

      <script src="http://code.jquery.com/jquery-latest.js"></script>