Eu tenho uma caixa de entrada de texto para inserir o nome do usuário. Eu quero restringir os caracteres especiais e os números de serem digitados nessa caixa (não mostrando o erro após o clique do botão enviar, evitando digitar e colar de teclado e mouse). Me deparei com alguns códigos javascipt para restringir os eventos de teclado e mouse (como keypress etc.,). mas eu acho que pode haver melhor maneira de fazer isso, adicionando alguns atributos html ou adicionando algumas classes de estrutura de bootstrap.
Eu tentei o código abaixo (ruby on rails):
<%= f.text_field :fname, required: true, placeholder: "First Name", class: "form-control",:pattern => "^[a-zA-Z0-9]+$" %>
No entanto, isso está provocando o erro após o clique do botão de envio
Estou usando o JQuery no meu aplicativo.
Respostas:
0 para resposta № 1Você pode usar input masks. Existem muitos plugins jquery que o ajudarão a fazê-lo.
Verifique esta questão do stackoverflow para demonstração e respostas:
Como restringir caracteres especiais em um determinado campo de formulário