Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Josholsan en 10 Abril 2013, 16:24 pm



Título: Problema validación javascript
Publicado por: Josholsan en 10 Abril 2013, 16:24 pm
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:
<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:
<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:
$("#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:
.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


Título: Re: Problema validación javascript
Publicado por: l337* en 10 Abril 2013, 16:43 pm
y si bajas el jquery y lo usas local en lugar de usarlo externo?
Código:
<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


Título: Re: Problema validación javascript
Publicado por: Josholsan en 11 Abril 2013, 02:48 am
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.


Título: Re: Problema validación javascript
Publicado por: Phantasy en 11 Abril 2013, 13:48 pm
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:
http://code.jquery.com/jquery-latest.js

Ej:

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