0

Meu código para bloqueio de caracteres esta assim:

 $('#nome').on('keypress', function() {
      var regex = new RegExp("^[ 0-9a-zA-Zàèìòùáéíóúâêîôûãõ\b]+$");
      var _this = this;
      // Curta pausa para esperar colar para completar
      setTimeout( function(){
          var texto = $(_this).val();
          if(!regex.test(texto))
          {
              $(_this).val(texto.substring(0, (texto.length-1)))
          }
      }, 100);
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' id='nome'/>

Quero saber se há alguma forma de bloquear os caracteres especiais, porém permitindo a utilização de hífen (-)

6
  • Você quer, na verdade, permitir apenas alfanúmericos e o hifen, correto?
    – user28595
    Commented 6/11/2015 às 16:53
  • Não , ele tem que bloquear todos os caracteres especiais, exceto o Hifen Commented 6/11/2015 às 16:54
  • Sua regex diz o contrario, nela você está permitindo números, letras, letras com acento. Todos esse sao considerados alfanúméricos.
    – user28595
    Commented 6/11/2015 às 16:56
  • Sim , mas eu quero permitir o hifen também. Commented 6/11/2015 às 16:56
  • 1
    ^[ 0-9a-z\-A-Zàèìòùáéíóúâêîôûãõ\b]+$ vê se funciona.
    – user28595
    Commented 6/11/2015 às 16:59

2 Respostas 2

3

Basta você fazer uma pequena alteração em seu regex permitindo isso. Seu regex ficaria assim:

RegExp("^[a-zA-Z0-9-Zàèìòùáéíóúâêîôûãõ\b]+$");

exemplo ficaria assim:

 $('#nome').on('keypress', function() {
      var regex = new RegExp("^[a-zA-Z0-9-Zàèìòùáéíóúâêîôûãõ\b]+$");
      var _this = this;
      // Curta pausa para esperar colar para completar
      setTimeout( function(){
          var texto = $(_this).val();
          if(!regex.test(texto))
          {
              $(_this).val(texto.substring(0, (texto.length-1)))
          }
      }, 100);
  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="nome"/>

4
  • 1
    Sem escapar o hifen?
    – user28595
    Commented 6/11/2015 às 16:59
  • @DiegoFelipe Como assim? A pergunta dele é para exatamente deixar somente o hifen.
    – Randrade
    Commented 6/11/2015 às 17:01
  • Escapar o hifen na regex, assim: ^[ 0-9a-z\-A-Zàèìòùáéíóúâêîôûãõ\b]+$
    – user28595
    Commented 6/11/2015 às 17:01
  • 1
    Foi resolvido o problema , Obrigado ai @Randrade Commented 6/11/2015 às 17:02
3

adicione o hífen como último caractere de classe, dessa maneira não é necessário escapá-lo:

new RegExp("^[ 0-9a-zA-Zàèìòùáéíóúâêîôûãõ\b-]+$");

O seu código só remove o último caractere do campo, isso será um problema se for colado um texto com caracteres inválidos. O ideal é remover todos os caracteres inválidos com uma classe negada, que começa com um circunflexo (e.g. [^a-z]).

Outra melhoria que eu sugiro é utilizar o evento input que funciona melhor do que keypress para conteúdo colado.

$(function(){
  var regex = new RegExp('[^ 0-9a-zA-Zàèìòùáéíóúâêîôûãõ\b-]', 'g');
  // repare a flag "g" de global, para substituir todas as ocorrências
  $('input').bind('input', function(){
    $(this).val($(this).val().replace(regex, ''));
  });
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text"/>

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 .