GeoWeb

Design e Tecnologia.

Removendo acentos, espaços, de um campo de formulário

| 5 Comments

Estava precisando retirar um simples espaço de um campo de formulário de login, que acabava invalidando a configuração correta do formulário, mas queria fazer isso antes de enviar, não queria processar e limpar o formulário depois. Dando uma busca acabei achando uma solução simples e prática pra fazer isso.

Basta usar o simples onkeyup dentro do input com um pouco de regular expression (preciso aprender mais sobre isso) e está tudo resolvido. Abaixo alguns exemplos:

// remove o 'espaço' ao digitar no input text
onkeyup="this.value=this.value.replace(/[' ']/g,'')"

// exemplo completo
<input onkeyup="this.value=this.value.replace(/[' ']/g,'')" type="text" name="login" />

// exemplo removendo outros caracteres como acentos
<input onkeyup="this.value=this.value.replace(/[' 'çÇáÁàÀéèÉÈíìÍÌóòÓÒúùÚÙñÑ~@&]/g,'')" type="text" name="login" />

// Permite apenas alfabeto maiúscula e minuscula de A a Z
<input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" />

// Segunda opção
<input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')" /> 

Não é a melhor solução, mas quebra o galho pra algo mais simples.

Comments

comments

5 Comments

  1. VLw cara vou testar e depois posto aki …

  2. Valeu pela iniciativa em compartilhar isso que muito me ajudou também

  3. Muitoooooooo Obrigadoooooo!!!!

  4. Muito Bom Obrigado.

  5. Perfeito, George. Precisava remover os espaços de uma string na minha página e funcionou perfeitamente. Obrigado!

Leave a Reply

Required fields are marked *.