1

Tengo problemas para validar un formulario con AJAX y JQuery, no se como hacer el Success.function() Y que de el formulario sea validado con las variables que son, he intentado colocando valores True y False con la funcion mysqli_query pero no funcionaba, basicamente, siempre se ejecuta el ELSE del if o siempre se ejecuta el IF. A continuación los codigos, espero que me puedan ayudar, es un proyecto al cual el tengo muchas esperanzas -La idea es que la variable (r) del success pueda funcionar correctamente- Codigo HTML del Formulario con sus respectivos campos y boton:

<form id="loginCredentials" method="POST">
          <div class="form-group row">
            <label for="staticEmail" class="col-sm-2 col-form-label">Username</label>
            <div class="col-sm-10">
              <input type="text" class="form-control" id="username" name="username" autocomplete="off">
            </div>
          </div>
          <div class="form-group row">
            <label for="inputPassword" class="col-sm-2 col-form-label">Password</label>
            <div class="col-sm-10">
              <input type="password" class="form-control" id="password" name="password" autocomplete="off">
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
        <input type="button" class="btn btn-primary" id="login" value="Ingresar" name="login" form="loginCredentials">

Codigo JQuery con Ajax:

<script>
    $(document).ready(function(){
      $('#login').click(function(){
        var username = $('#username').val();
        var password = $('#password').val();
        if($.trim(username).length > 0 && $.trim(password).length > 0){
          $.ajax({
            type:"POST",
            url:"./php/loginCredentials.php",
            data:{username:username, password:password},
            cache:"false",
            beforeSend:function(){
              $('#login').val("Conectando...");
            },
            success:function(r){
              if(r == 1){
                alert ("Puto success");
                $(location).attr('href', './indexUser.php');
              } else {
                alert ("Puto error");
                $("#result").html("<div class='alert alert-dismissible alert-danger'><button type='button' class='close' data-dismiss='alert'>&times;</button><strong>¡Error!</strong> Las credenciales son erroneas.</div>");
                $('#login').val("Ingresar");
              }
            }
          });
        } else {
          $("#result").html("<div class='alert alert-dismissible alert-danger'><button type='button' class='close' data-dismiss='alert'>&times;</button><strong>¡Error!</strong> Digite un usuario y contraseña</div>");
          $('#login').val("Ingresar");
        }
      });
    });
  </script>

Codigo del archivo PHP para validar:

<?php

    include"conexion.php";  
    if ($_POST) {
        $username = $_POST['username'];
        $password = $_POST['password'];
        $sql = "SELECT * FROM users where user='$username' AND password='$password'";
        $result = $conexion->query($sql);
        if ($result == 1) {
            $value = $result->fetch_assoc();
            $_SESSION['username'] = $value['username'];
            echo "1";
        } else {
            echo "error";
        }
    } else {
        echo "error";
    }

?>
9
  • Haz una prueba de la respuesta: console.log(r); activa la consola para verla y dinos qué muestra.
    – A. Cedano
    el 15 mar. 2020 a las 23:16
  • ¿En que parte del codigo coloco la linea de codigo?, la coloqué justo debajo del success y esto aparece en consola: <b>Notice</b>: Object of class mysqli_result could not be converted to int in <b>C:\xampp\htdocs\Carrito\php\loginCredentials.php</b> on line <b>9</b><br /> <br /> <b>Notice</b>: Undefined index: username in <b>C:\xampp\htdocs\Carrito\php\loginCredentials.php</b> on line <b>11</b><br /> el 15 mar. 2020 a las 23:34
  • OK, cambia esto: if ($result == 1) { por esto: if ($result) { en el código PHP, pues $result es un recurso y ahí interpeta que lo quieres convertir a entero. Además, parece que los datos no están llegando, porque dice Undefined username
    – A. Cedano
    el 15 mar. 2020 a las 23:40
  • Probablemente deberás quitarle el cache:"false", a la petición Ajax.
    – A. Cedano
    el 15 mar. 2020 a las 23:43
  • <br /> <b>Notice</b>: Undefined index: username in <b>C:\xampp\htdocs\Carrito\php\loginCredentials.php</b> on line <b>11</b><br /> 1 el 15 mar. 2020 a las 23:53

2 respuestas 2

1

El problema está en tu archivo php, ya que la variable $result solo está ejecutando la consulta ( $conexion->query($sql) ). Para validar correctamente debes contar los campos con una función una vez realizada la consulta.

Te dejo tu código antiguo y el nuevo, prueba y nos avisas !

<?php

    include"conexion.php";  
    if ($_POST) {
        $username = $_POST['username'];
        $password = $_POST['password'];
        $sql = "SELECT * FROM users where user='$username' AND password='$password'";
        $result = $conexion->query($sql);
        if ($result == 1) {
            $value = $result->fetch_assoc();
            $_SESSION['username'] = $value['username'];
            echo "1";
        } else {
            echo "error";
        }
    } else {
        echo "error";
    }

?>

Nuevo:

<?php

    include"conexion.php";  
    if ($_POST) {
        $username = $_POST['username'];
        $password = $_POST['password'];
        $sql = "SELECT * FROM users where user='$username' AND password='$password'";
        $result = $conexion->query($sql);
        //declaramos la variable rows que gracias a la función num_rows nos devolverá el número de filas de la consulta.
//si el usuario y la clave son idénticas a las de la base de datos num_rows nos devolverá como número 1 y si no encuentra nada o el usuario se equivoco al escribir un dato, devuelve 0
        $rows = $result->num_rows;
        if ($rows == 1) {
            $value = $result->fetch_assoc();
            $_SESSION['username'] = $value['username'];
            echo "1";
        } else {
            echo "error";
        }
    } else {
        echo "error";
    }

?>

Saludos!

0

Puedes usar la función de error para capturar cualquier error, y dar un código de respuesta 500 de parte del php

error: function (jqXHR, textStatus, errorThrown) {
    var msg = '';
    if (jqXHR.status == 404) {
        msg = 'No encontrado';
    } else if (jqXHR.status == 500) {
        msg = 'Error ejecutando';
    }
    console.log(msg);
}

Entonces cuando tu php responde con error, tambíen puedes cambiar el código de respuesta y enviar un mensaje al cliente mediante AJAX.

3
  • Disculpa pero es que no entiendo muy bien, en que parte va ese codigo? el 15 mar. 2020 a las 23:53
  • @GiovanniMosquera Despues de succes: function() , es otra función de ajax a parte de success
    – user71085
    el 16 mar. 2020 a las 0:00
  • Disculpa... Pero no entiendo en que parte exactamente, estuve colocandolo en varias partes y queda sin funcionar el button el 16 mar. 2020 a las 0:51

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.