11

Como não permitir que o usuário insira caracteres especiais tais como *-/+.,:;[]{}ªº^~?<> no campo da pergunta?

1
  • acredito que no front-end é muito manipulável essa validação, não?
    – n0xON
    Commented 21/10/2022 às 13:53

3 Respostas 3

14

Fiz desta forma, ele permitirá apenas letras e números:

       document.getElementById("teste").onkeypress = function(e) {
         var chr = String.fromCharCode(e.which);
         if ("1234567890qwertyuioplkjhgfdsazxcvbnmQWERTYUIOPLKJHGFDSAZXCVBNM".indexOf(chr) < 0)
           return false;
       };
<input type="text" name="name" id="teste" />

13

Se você deseja fazer uma validação simples apenas para auxiliar o usuário no client-side, você pode utilizar o pattern.

Ele é um atributo HTML5 bem fácil de mexer, aqui tem alguns exemplos que solucionam o seu problema por exemplo, habilitando apenas letras, letras e números, etc.

Exemplo para letras e números:

<input type="text" required="required" name="text" pattern="[a-zA-Z0-9]+">

E o melhor é que é suportado por vários browser segundo o Can I use.


Agora a validação dos dados, eu recomendo que você faça no server-side. Por exemplo com PHP você pode usar o preg_match:

$pattern = '[a-zA-Z0-9]';
if (preg_match($pattern, $email)){return true;}

Você pode passar diretamente:

if (preg_match("/([a-zA-Z0-9])/", $email)){return true;}

Isso fará com que apenas sejam aceitos caracteres do tipo letra e número.

4
  • 1
    coloque codigo na resposta. Evite confiar em link externo Commented 8/10/2015 às 20:51
  • Complementada a resposta Daniel... Commented 8/10/2015 às 20:57
  • se puder, complete com suporte mais confiavel a browsers antigos... IE7 , por exemplo, não suporta. Não é recomendável confiar nos recursos HTML5 caso queira atingir um público geral. Commented 8/10/2015 às 20:59
  • 1
    +1 pela recomendação de validar no lado do servidor. Embora as outras respostas estejam corretas no sentido literal, validar só no cliente sem revalidar no servidor é inútil do ponto de vista da segurança.
    – mgibsonbr
    Commented 8/10/2015 às 21:56
3

Use o patterns para o HTML 5.

Exemplo:

<input type="text" pattern="^[a-zA-Z0-9]+$" />
12
  • se o cliente nao tem html5, como faz? Commented 8/10/2015 às 20:45
  • Com Javascript, como o Gabriel Rodrigues mostrou, ou alguma lib JS.
    – guiandmag
    Commented 8/10/2015 às 20:48
  • coloque na sua resposta.. Commented 8/10/2015 às 20:52
  • 2
    No caniuse.com a pessoa pode ver quais browsers suportam o atributo pattern e decidir se quer ou não usar. Essa decisão cabe ao desenvolvedor e depende do projeto. @DanielOmine
    – bfavaretto
    Commented 8/10/2015 às 21:00
  • 1
    Exatamente, cada um escolhe a melhor opção, se for analisar falar de melhor approach falaríamos de fazer a validação no lado do servidor dependendo da arquitetura server-side com client-side. A pergunta foi simples, e acredito que soluções simples é sempre a melhor escolha.
    – guiandmag
    Commented 8/10/2015 às 21:03

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .