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'>×</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'>×</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";
}
?>