2

Seria possível definir usando jquery 3.3.1 um caractere padrão que não pode ser removido a um input? ex: Um input tem um @, e só pode ser adicionado 20 letras e/ou números após esse @, mas o @ não da pra apagar. Tentei definir usando o value="@" do html. Mas da pra apagar. Como fazer pra não ser removível?

4
  • Não pode adicionar o @ depois? 2/08/2018 às 3:14
  • até pode, no servidor php. Mas queria uma restrição front end 2/08/2018 às 3:16
  • certo. já tentou algo? 2/08/2018 às 3:18
  • No front end tentei apenas com o atrubuto value, mas da pra remover quando clica no input 2/08/2018 às 3:19

1 Resposta 1

2

Pode fazer desta forma, verificando se o primeiro caractere do campo tem o @ com o evento oninput:

campo.oninput = function(){
   if(this.value[0] != "@"){
      this.value = "@"+this.value;
   }
}
<input id="campo" type="text" value="@">

Se não tiver irá forçar a inserção do caractere no início do campo. O [0] pega o primeiro caractere de qualquer string.

7
  • 1
    rápido e rasteiro!!
    – user60252
    2/08/2018 às 3:23
  • Obg vovô! rssss
    – Sam
    2/08/2018 às 3:24
  • Uau, surpreendente. Muito obrigado. 2/08/2018 às 3:26
  • Só uma pergunta, porque quando coloca um caractere antes do @ aparece um @ e outro @ com o que foi digitado? 2/08/2018 às 3:30
  • @PedroHenrique Boa pergunta. São possibilidades. Vou analisar aqui e já te dou uma resposta.
    – Sam
    2/08/2018 às 3:35

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 .