Cursos

Simulados

P&R

Ajude-nos a manter este site sempre atualizado com novos Cursos, Tutoriais, Simulados e Projetos. Agradecemos a sua colabora��o.
Os doadores receber�o material que n�o consta do site diretamente no e-mail. Programas, Simulados, Tutoriais, Dicas, etc.

Tutoriais JavaScript - 19
Tutorial para Permitir Apenas Caracteres Alfab�ticos nos Formul�rios

Neste tutorial veremos como permitir que apenas caracteres alfab�ticos sejam digitadas nos formul�rios preenchidos pelos usu�rios.
Neste documento HTML, criamos um elemento de formul�rio que envia os dados para o backend por meio do m�todo 'get'. Dentro deste formul�rio, temos 2 elementos, um para entrada da informa��o e outro para enviar os dados. Estas s�o as marca��es b�sicas de um formul�rio padr�o. Para faz�-lo funcionar, temos que aplicar o JavaScript embutido que ser� verificado durante a digita��o.
O atributo 'onkeypress' � um atributo de evento JavaScript que executa o trecho de c�digo a seguir sempre que um usu�rio pressiona uma tecla em seu teclado. Dentro desta fun��o, verificamos se o c�digo do caractere de entrada est� entre os c�digos de caracteres ASCII padr�o para alfabetos.
Como refer�ncia, o A-Z mai�sculo come�a em 65 e termina em 90, e a-z min�sculo come�a em 97 e termina em 122.
Vejamos um exemplo que permita ao usu�rio digitar apenas caracteres alfab�ticos ao pressionar as teclas:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Simulados & Tutoriais</title> <script src='/google_analytics_auto.js'></script></head> <body> <form action="/data.php" method="get"> <input type="text" name="fullName" onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123)" placeholder="Nome completo"> <input type="submit"> </form> </body> </html>
Veja na imagem abaixo o resultado desse c�digo::

Aqui n�s simplesmente verificamos, usando a propriedade 'charCode' que retorna o c�digo ASCII do caractere de entrada. Se estiver entre o intervalo de mai�sculas e o intervalo de min�sculas, a fun��o retornar� 'true' e o caractere ser� permitido, caso contr�rio, n�o. O objeto de evento � o evento de pressionamento de tecla que cont�m o caractere digitado no teclado.
Se voc� tentar digitar n�meros ou qualquer outro caractere especial nao ser� permitido.:

<< Tutorial para Saber qual o Maior de Tr�s N�meros Dados
Tutorial para Validar um Formul�rio >>

Tutoriais

Programas

Projetos

Cursos

Android
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
SQL

P&R

Android
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Simulados

Android
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python
SQL

Tutoriais

Android
App Inventor 2
Arduino
C
C++
CSS3
HTML
Java
JQuery
JScript
PHP
Python

Programas

Android
App Inventor 2
C
Java
JQuery
JScript
PHP
Python

Projetos

Android
App Inventor 2
Arduino