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