0

Tengo el siguiente código:

//Validar usuario existente con ajax
//Pedimos el valor del campo usuario para verificar si existe y enviarlo al controlador
//revise en la base de datos que esta palabra no exista
var usuarioExistente = false;
var emailExistente = false;

$("#usuarioRegistro").change(function(){
var usuario = $("#usuarioRegistro").val();
console.log('Usuario: ', usuario);
var datos = new FormData();
datos.append("validarUsuario", usuario);

$.ajax({
        url:"views/modules/ajax.php",
        method:"POST",
        data: datos,
        cache: false,
        contentType: false,
        processData: false,
        success:function(respuesta){
          console.log(respuesta);

        if (respuesta == 0) {

          $("label[for='usuarioRegistro'] span").html('<p>Este Usuario ya esxiste</p>');
            usuarioExistente = true;


        }else{
          $("label[for='usuarioRegistro'] span").html("<p>Correcto!</p>");
            usuarioExistente = false;
        }

      }

    });

});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h1>REGISTRO DE USUARIO</h1>

<form method="post"  onsubmit="return validarRegistro()">
	<label for="usuarioRegistro">Usuario<span></span></label>
	<input type="text" placeholder="Maximo 10 caracteres" maxlength="10" name="usuarioRegistro" id="usuarioRegistro" required>

	<label for="nombreCRegistro">Nombre Completo</label>
	<input type="text" placeholder="Maximo 30 caracteres" maxlength="30" name="nombreCRegistro" id="nombreCRegistro" required>

	<label for="passwordRegistro">Contraseña</label>
	<input type="password" placeholder="Minimo 6 caracteres, incluir numeros y mayusculas" name="passwordRegistro" id="passwordRegistro" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" required>

	<label for="rpasswordRegistro">Repita la Contraseña</label>
	<input type="password" placeholder="Minimo 6 caracteres, incluir numeros y mayusculas" name="rpasswordRegistro" id="rpasswordRegistro" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" required>

	<label for="emailRegistro">Correo Electrónico<span></span> </label>
	<input type="email" placeholder="Escriba su correo electrónico correctamente" name="emailRegistro" id="emailRegistro" required>

	<p style="text-align:center"> <a href="#"></a> Al hacer click en Enviar Acepta los terminos y condiciones</p>

	<input class="btn" type="submit" value="Enviar">

</form>

Intento tomar el valor del campo input con id="usuarioRegistro" pero no lo toma.

Ya tengo la libreria, intento mostrar el valor por consola pero no funciona. Probando el código aquí en la página si lo toma es lo que no entiendo.

Utilizo Chrome.

8
  • ¿Simplemente no te lo muestra o genera algún error? Si este fuera el caso, ¿qué error?
    – zeross
    Commented el 8 may. 2018 a las 18:48
  • Intentalo asi: $("#usuarioRegistro").on("change", function(){
    – alanfcm
    Commented el 8 may. 2018 a las 18:49
  • Error ninguno, solo no me lo muestra por lo tanto no puedo hacer que la funcion se ejecute.
    – Riddick
    Commented el 8 may. 2018 a las 18:51
  • Lo raro es que aquí si que funciona correctamente. Es posible que la caché todavía no se haya refrescado. Prueba a ejecutar la web en una ventana de incógnito a ver que pasa.
    – zeross
    Commented el 8 may. 2018 a las 18:55
  • No funciona en modo incognito. Ya he utilizado otras versiones de la JQuery y nada
    – Riddick
    Commented el 8 may. 2018 a las 18:57

1 respuesta 1

2

Donde tienes definido tu código js? creo te falta meter tu script dentro de esta sección.

$( document ).ready(function() {
//aquí pon tu código js
});
4
  • Se la agregue y sigo sin poder ver el valor.
    – Riddick
    Commented el 8 may. 2018 a las 21:28
  • Que te marca si pones esto? alert($("#usuarioRegistro").val()); Commented el 8 may. 2018 a las 21:29
  • Ningun error. simplemente introduzco un nombre y deberia mostrarlo en consola pero nada
    – Riddick
    Commented el 8 may. 2018 a las 21:30
  • Gracias al parecer me hacia falta lo que me digiste al principio solo que habia cambiado el change por on en pruebas anteriores. Funcionando Gracias
    – Riddick
    Commented el 8 may. 2018 a las 21:40

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.