Irvin Pool Panta GarciaPublicado en JavaScript, Mysql, PHP

Puedes descargar el proyecto en: https://github.com/irvinpanta/LoginPHP

session_start();

require_once(APP_DIR_CLASS . 'administracion/usuario.class.php');
require_once(APP_DIR_COMPONENTES . '/xajax/xajax.inc.php');

if ($_REQUEST) {
    if (isset($_REQUEST['logout'])) {
        session_unset();
        session_destroy();
        session_regenerate_id(true);        
        header('Location: login.php');
        exit;
    }
}

$index = true;
if (isset($_SESSION['sys_usuario'])) {
    
    if (isset($_REQUEST)) {
        if (array_key_exists('xajax', $_REQUEST)) {
            $index = false;
        }
    }
    
    if ($index) {
       header('Location: index.php');
        exit;
    }
}


$xajax = new xajax("", "");
$xajax->decodeUTF8InputOn();


function validarUser($form) {

    $objResponse = new xajaxResponse("utf-8");
    $dtaUsuario = new usuario();

    $username = trim($form['username']);
    $password = trim($form['password']);  

    //$ldap = '0';

    if (trim($username) == "" || trim($password) == "") {

        $objResponse->addAlert('Debe ingresar el usuario y la contraseña correctamente.');

    } else {
          $data = $dtaUsuario->validarCuentaUser('2', $username, $password);
         if (count($data) > 0) {
            $objResponse->addRedirect(APP_INDEX);
         }else{
             $objResponse->addAssign('msgUser-msg', 'innerHTML', 'El usuario o password que ha ingresado es incorrecto.');
         }


    }
   return $objResponse;
}


$xajax->registerFunction("validarUser");
$xajax->processRequests();

<!DOCTYPE html>
<html>
<head>

  <?php $xajax->printJavascript(APP_DIR_COMPONENTES . '/xajax/'); ?>
  <script type="text/javascript">

        function checkFormUser(){
            var u = document.getElementById('username').value;
            var k = document.getElementById('password').value;
            if(u.length==0 || k.length==0){
                //alert('Ingrese los datos de la cuenta correctamente.');
                sweetAlertErrorTime('Ingrese los datos de la cuenta correctamente.', 2500);
                return false;
            }
            validarUser(xajax.getFormValues('frmlogin'));
        }
            window.setTimeout(function () {if(document.getElementById("msgUser")){document.getElementById("msgUser").style.display = "none"; }}, 2000);
    </script>

</head>
<body>
<div id="msgUser-msg"></div>
<form id="frmlogin" name="frmlogin" action="javascript:void(0)" onSubmit="return(checkFormUser());">
        <div>

            <div>
              <label>Usuario:</label>
              <input type="text" id="username" name="username">
            </div>

            <div>
              <label>Password:</label>
              <input type="password" id="password" name="password">
            </div>

            <div><p class="login-box-msg"><span></span></p></div>

            <div class="row">       
              <div class="col-lg-12">
                <button type="submit">button</button>
              </div>
              
            </div>
        </div>
      </form>
</body>
</html>