Nesse tutorial veremos como criar um textbox e permitir que o usuário utilize apenas 10 números.
Aprenderemos como especificar números de 10 dígitos em uma caixa de texto. Usaremos jQuery para fazer isso. Para isso
usaremos expressões regulares para validar o número de 10 dígitos. No campo de número de celular ou campo de número de telefone em
um formulário, podemos inserir apenas 10 números ou permitir a inserção de apenas 10 números usando jQuery. Isso significa que apenas
um número de dez dígitos é permitido pelo jQuery.
Quando desenvolvemos nosso aplicativo usando jQuery e contiver um número de telefone ou celular, nossa principal preocupação
nesse momento será restringir os usuários a inserir apenas números neste campo. Para fazer isso, temos várias maneiras, mas nesta seção
usaremos o jQuery para fazer isso. JQuery é usado para fornecer a facilidade na qual os usuários podem aceitar apenas números. Não
aceitará nenhum número, apenas números de celular de 10 dígitos. O campo do número de telefone não aceitará nenhum caractere especial
ou alfabeto porque eles estão bloqueados. Os caracteres especiais podem ser vírgula, colchetes, asterisco, porcentagem, espaços, etc.
Em nosso exemplo, explicaremos dois exemplos para que possamos restringir os usuários a inserir apenas 10 números na caixa
de texto. Em nosso primeiro exemplo, usaremos atributos padrão em html e no segundo exemplo, usaremos maxlength e eventos do jQuery
keypress. Podemos usar qualquer exemplo para validar um número de celular. Para fazer isso, o processo passo a passo é descrito a seguir:
Exemplo 1:
Nesse exemplo o textbox só aceita 10 dígitos, nem mais nem menos. Se o número digitado for menor ou maior do que 10 uma
mensagem será exiida:
Resultado:
Veja na imagem o resultado desse código:
Esse exemplo é um pouco diferente do anterior. Aqui, se você digitar um número menor ele aceita, mas ele não permite você
digitar mais de 10 díggitos. Se você copiar um número com mais de 10 caracteres e colar na textbox, ele trunca o excesso.
