Como não permitir que o usuário insira caracteres especiais tais como *-/+.,:;[]{}ªº^~?<>
no campo da pergunta?
3 Respostas
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" />
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.
-
1coloque codigo na resposta. Evite confiar em link externo Commented 8/10/2015 às 20:51
-
-
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. Commented 8/10/2015 às 21:56
Use o patterns para o HTML 5.
Exemplo:
<input type="text" pattern="^[a-zA-Z0-9]+$" />
-
-
Com Javascript, como o Gabriel Rodrigues mostrou, ou alguma lib JS. Commented 8/10/2015 às 20:48
-
-
2No 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 Commented 8/10/2015 às 21:00
-
1Exatamente, 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. Commented 8/10/2015 às 21:03