Tenemos el siguiente codigo HTML
- Código: Seleccionar todo
<table id="login_form">
<tr>
<td ><?= LOGIN_EMAIL ?></td>
<td><input type="text" name="txt_login_email" id="txt_login_email" value="" size="20" maxlength="200" class="campos_formulario" title="AdminMyTime-<?=LOGIN_EMAIL ?>">
<td ><?= LOGIN_PASSWORD ?></td>
<td><input type="password" name="txt_login_password" id="txt_login_password" value="" size="20" maxlength="10" class="campos_formulario" title="AdminMyTime-<?= LOGIN_PASSWORD ?>">
<td align="center">
<input type="button" onclick="login_validar();" value="<?= LOGIN_BOTON ?>" >
</td>
</tr>
</table>
<div id="login_rta"></div>
Luego tenemos el siguiente codigo Javascript:
- Código: Seleccionar todo
function login_validar(){
var email =document.getElementById("txt_login_email").value;
var pwd =document.getElementById("txt_login_password").value;
if (email.length >0 && pwd.length >0) {
//Validacion
$.get('ajax/login.php', {param_email: email,param_pwd: pwd },
function(data) {
var rta=data.substr(0,5);
if (rta != "ERROR") {
var msg=data;
$('#login_form').hide();
$('#login_titulo').hide();
$('#login_rta').html(msg);
}else{
$('#login_rta').html(data);
}
}
);
}
}
Luego tenemos en la carpeta "ajax" un script echo en php para validar el login , el cual no debe contener ningun tipo de header y el cual solamente al escupir datos en pantalla, estos son devueltos al php.-
Por ej:
- Código: Seleccionar todo
<?
$email = trim($_GET["param_email"]);
$pwd = trim($_GET["param_pwd"]);
echo "Recibi : ".$email." y PASS:".$pwd;
?>
Lo cual producira en pantalla
Recibi info@vousys.com y pass: XXXX
