Puedes utilizar javascript.
En jquery es mas bonito...
Cuando el usuario precione una tecla sobre un input (con id='email') puedes verificar si la tecla precionada es un simbolos que aceptes y la escribes en el input
un poco más preciso.
-> Obtienes valor del input
-> Validas si la tecla precionada lo admites como caracteres valido
-> Concatenas esta tecla al valor del input.
-> escribes esta "concatenación" en el input.
Listo
Código Javascript
:
Ver original$document.ready(
function(){
$("email").keypress( function(e){
var valorInput = $("email").val();
alert("Este es el valor actual del input: "+valorInput);
var concatenoValorEnElInput = valorInput +"CONCATENO ALGO";
alert("Este es el valor del input mas algo concatenado: "+concatenoValorEnElInput);
///////////////ETC... bueno te ayudo un poco mas
alert("Se preciono una tecla");
alert("Se preciono esta tecla "+String.fromCharCode(e.which));
});
}
);
Y sobre validar si el email es valido, ese metodo que has dado utiliza una expresion regular. La mejor manera de validar un email es con una expresión regular.