onkeyup
para comprobar cuando levantemos la tecla, en lugar onkeypress
valora el dato al pulsar la tecla.
El problema que tengo es que me funciona mi funcionalidad con onkeyup
pero con onkeypress
no funciona.
Explico.
Tengo un evento
para comprobar tecla a tecla si existe o no el email que introducimos en un campo "input
" en la base de datos.
Fichero comprobar_email.php:
<?php
//Cabecera para indicar que vamos a enviar datos JSON y que no haga caché de los datos.
header("Content-Type: application/json");
header("Cache-Control: no-cache, must-revalidate");
//Función que comprueba si existe o no un email.
function mailExists($email) {
$conexion = new PDO("mysql:host=localhost;dbname=osmarrural", "root", "root");
$conexion->query("SET NAMES 'utf8'");
$sql = "SELECT count(idemail) AS total FROM clientes WHERE idemail ='$email'";
$datos = $conexion->query($sql);
$registro = $datos->fetch();
return $registro["total"];
}
//Si existe la variable/campo "idemail"...
if(isset($_REQUEST["idemail"])){
$respuesta = mailExists($_REQUEST["idemail"]);
echo json_encode($respuesta);
}else{
$respuesta = -1;
echo json_encode($respuesta);
}
?>
Función comprobar_email:
function comprobar_email(e){
var tecla = (document.all) ? e.keyCode : e.which;
//Permitimos el acceso a una tecla "Space".
if (tecla == 32){
return false;
}
//Guardamos en una variable el valor del campo cuyo ID es "email".
var caja_email = $("#email").val();
//Llamamos por get/post al fichero que hemos creado para comprobar_email;
$.get("comprobar_email.php", {idemail:caja_email}, function(resultado){
//Si resultado==1, el email existe... color de fondo rojo y deshabilitar botón.
if(resultado==1){
$("#email").css({backgroundColor: '#EA0D0D'});
$('#registrar').hide();
}else{
//Si resultado!=1, el email NO existe... color de fondo verde y habilitar botón.
$("#email").css({backgroundColor: '#1EEA02'});
$('#registrar').show();
}
});
}
Código que sí funciona:
<input type="text" name="idemail" id="email" placeholder="Email" onkeyup="return comprobar_email(event);">
Código que no funciona:
<input type="text" name="idemail" id="email" placeholder="Email" onkeypress="return comprobar_email(event);">
El problema que con onkeyup
me permite escribir "space" cuando debería oprimirla. Entonces si lo cambio a onkeypress
, entonces "space" sí lo oprime, pero necesito insertar un caracter más de la cuenta cuando escribo el email para comprobar si existe o no.
Espero haberme explicado.