Skip to main content
se añadieron 76 caracteres en el cuerpo
Origen Enlace

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:

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 Codigo HTML del Formulario con sus respectivos campos y boton:

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:

Origen Enlace

¿Como validad el success:function() de una funcion Ajax para un sistema de Login?

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 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";
    }

?>