Es la primer consulta que hago, seguramente ande perdido, solicito de su ayuda. El tema es que tengo un formulario por ejemplo:
<form method="post" action="">
<label>User</label><input maxlength="50" type="text" name="user" id="user" size="40" pattern="([A-Za-z0-9]{5,25})" required />
<label>Password</label><input maxlength="16" type="password" name="pass" id="pass" size="40" pattern="([A-Za-z0-9 ]{8,16})" required />
<input type="submit" value="enviar">
</form>
Creanme que he dado vueltas y no he conseguido como colocar un mensaje de validacion o alerta cuando el usuario ingrese los datos, es decir si en ambos campos el usuario ingresa un espcio en blanco o un caracter especial se active un mensaje de alerta o aviso, pero no me refiero al tipico alert(""); sino como el formulario de alta de GMAIL:
El cual muestra un aviso cuando se esta escribiendo en el input y si es algo no valido lo alerta De verdad necesito de su ayuda.