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?
-
Não pode adicionar o @ depois?– Victor EyerCommented 2/08/2018 às 3:14
-
até pode, no servidor php. Mas queria uma restrição front end– Pedro HenriqueCommented 2/08/2018 às 3:16
-
certo. já tentou algo?– Victor EyerCommented 2/08/2018 às 3:18
-
No front end tentei apenas com o atrubuto value, mas da pra remover quando clica no input– Pedro HenriqueCommented 2/08/2018 às 3:19
Adicione um comentário
|
1 Resposta
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.
-
1rápido e rasteiro!!– user60252Commented 2/08/2018 às 3:23
-
-
-
Só uma pergunta, porque quando coloca um caractere antes do @ aparece um @ e outro @ com o que foi digitado? Commented 2/08/2018 às 3:30
-
@PedroHenrique Boa pergunta. São possibilidades. Vou analisar aqui e já te dou uma resposta.– SamCommented 2/08/2018 às 3:35