1

Olá, galera!
Não entendo de JQuery ou javascript, somente PHP.
Estou sofrendo para criar um INPUT 1, que em tempo real, envia o que está sendo digitado para um INPUT 2, sem espaços ou caracteres especiais.
Atualmente trato isso em PHP.
Exemplo:

<form>
  <label>Nome</label>
  <input type="text" name="INPUT1">

  <!-- Recebe os dados do INPUT 1 sem espaços e caracteres especiais-->
  <label>Url</label>
  https://meusite.com.br/<input type="text" name="INPUT2">
</form>

Espero que tenha sido claro e aguardo ajuda da comunidade.

1
  • "sem espaços ou caracteres especiais" - o input1 recebe coisas que queres filtrar?
    – Sergio
    11/10/2017 às 20:12

3 Respostas 3

4

Falando de uma forma simples para entender, você pode fazer assim.

function trim(str) {
   return str.replace(/[^a-zA-Z0-9]/g, '' )
}

let input = document.getElementById('um')
let input2 = document.getElementById('dois')

input.onkeyup = function(){ 
  input2.value = trim(input.value)
}
<input type="text" id="um" placeholder="Input 1">

<input tyoe="text" id="dois" placeholder="Input 2">

2
  • 1
    Isso mesmo, mas no segundo input não pode ir (permitir) caracteres especiais ou espaços. 11/10/2017 às 20:16
  • @MárcioTeixeira Editei a resposta, espero que ajude 11/10/2017 às 20:21
4

Você pode usar regex para trocar caracteres especiais ou espaços por nada.

let input = document.getElementById('um')
let input2 = document.getElementById('dois')

input.onkeyup = function(){
  let valor = input.value.replace(/[^\w\s]|\s/gi, '');
  input2.value = valor
}
<input type="text" id="um" placeholder="Input 1">

<input type="text" id="dois" placeholder="Input 2">

3

Você pode fazer da seguinte maneira, utilizando regex para filtrar os caracteres especiais

$('#input1').on('change keyup', function () {
  $('#input2').val($(this).val().replace(/[^a-zA-Z0-9]/g, ''));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id="input1" type="text"/>
<input id="input2" 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 .