php - Login form validation with jQuery issue -

php - Login form validation with jQuery issue -

im trying validate form jquery , php, i've followed few tutorials none of them worked me. have no thought what's going on, i've tried in several different ways, hope knows what's issue, why happens , how solve it.

so... here login.php

<?php $meta_description = "ingrese su cuenta para poder realizar diferentes operaciones"; $page_title = "login - estudio benintendi"; include("includes/header.php") ?> <form method="post" action=""> <fieldset> <legend>ingrese los siguientes datos para logearse</legend> <div id="resultado"></div> <label>nombre de usuario</label> <div class="input-control text" data-role="input-control"> <input type="text" id="username" placeholder="ingrese su nombre de usuario..." required /> <button class="btn-clear" tabindex="-1" type="button"></button> </div> <label>contraseña</label> <div class="input-control password" data-role="input-control"> <input type="password" id="password" placeholder="ingrese su contraseña..." autofocus required /> <button class="btn-reveal" tabindex="-1" type="button"></button> </div> <div class="input-control checkbox" data-role="input-control"> <label> <input type="checkbox" checked> <span class="check"></span> recordarme </label> </div> <p><button id="submit">enviar</button></p> </fieldset> </form> <?php include("includes/footer.php") ?>

here login.js

$(document).ready( function(){ $("#submit").on("click", function(){ username = $("#username").val(); password = $("#password").val(); $.ajax({ url: "/includes/validar_login.php", type: "post", data: {username:username, password:password}, done: function(resp){ if(resp == "true") { window.location = "index.php"; } else { $("#resultado").html(resp); } } }); }); });

here php script connects db

<?php require_once("config.php"); session_start(); $conn = new mysqli(db_host, db_user, db_password, db_database) or die ("no se pudo conectar la base of operations de datos"); $username = $_post["username"]; $password = $_post["password"]; $sql = "select nombre usuarios nombre='$username' , password='$password'"; $result = $conn->query($sql); if($result->num_rows == 1) { $_session["username"] = $username; echo "true"; } else { echo "false"; } $conn->close(); ?>

and here footer.php (which utilize in pages)

</div> <!-- jquery 2.1.1 --> <script src="js/jquery/jquery.min.js"></script> <!-- jquery ui --> <script src="js/jquery/jquery.widget.min.js"></script> <!-- cross-browser plugin--> <script src="js/jquery/jquery.mousewheel.min.js"></script> <!-- metro jquery customs --> <script src="js/metro/metro.min.js"></script> <script src="js/login.js"></script> </body> </html>

obviously want remove login.js footer, because don't want him display in pages, can't create work yet, display in pages.

thanks in advance!

set cache false , datatype json.

$("#submit").on("click", function(){ var obj = {'username':$("#username").val(),'password':$("#password").val()}; post(obj); }); function post(arr) { console.log(arr); $.ajax({ type: "post", url: "/includes/validar_login.php", data: arr, cache: false, datatype: "json", success: function (response) { console.log(response); } }); }

and php:

<?php $username = $_post["username"]; $password = $_post["password"]; $response = array('username'=>$username,'password'=>$password); echo json_encode($response);

then take in console, if response

php jquery html