<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript">
function addContent(divName, content)
{
document.getElementById(divName).innerHTML += content;
}
function loggear()
{
var frm = document.forms['loggingForm'];
var OK = true; // al ser true te envía el submit
var errorDescription='Falta dato';
document.getElementById('usernameError').innerHTML = '';
document.getElementById('passwordError').innerHTML = '';
if ( frm.elements['username'].value == "" )
{
document.getElementById('usernameError').innerHTML = errorDescription;
OK = false;
}
if ( frm.elements['password'].value == "" )
{
document.getElementById('passwordError').innerHTML = errorDescription;
OK = false;
}
if ( OK ) // Si vamos a enviar el formulario para que se procese...
{
boton = document.getElementById('entrar');
padre = boton.parentNode;
padre.removeChild(boton);
// Poner una imagen de "cargando" en su lugar
addContent('midiv', '<p>Iniciando sesión...</p>');
document.forms['loggingForm'].submit();
}
return OK; // Enviamos el formulario para que sea procesado
}
</script>
</head>
<body>
<div id="midiv">
<form name="loggingForm" method="post" onsubmit="return loggear();">
<input name="user" type="text" id="username" placeholder="Usuario" /><p id="usernameError"></p>
<input name="pass" type="password" id="password" placeholder="Contraseña" /><p id="passwordError"></p>
<button name="entrar" id="entrar" type="submit">Entrar</button>
</form>
</div>
</body>
</html>
<?php
if ( isset($_POST['entrar']) ) // Si pulsamos el botón "entrar"
{
?><script type="text/javascript">alert('user correcto');</script><?php
}
?>