it-swarm-pt.tech

Número limite de caracteres permitidos no campo de texto de entrada do formulário

Como limitar ou restringir o usuário a inserir apenas um máximo de cinco caracteres na caixa de texto?

Abaixo está o campo de entrada como parte do meu formulário:

<input type="text" id="sessionNo" name="sessionNum" />

Está usando algo como maxSize ou algo assim?

108
BruceyBandit

maxlength :

O número máximo de caracteres que serão aceitos como entrada. Isso pode ser maior que o especificado por SIZE, caso em que o campo rolará apropriadamente. O padrão é ilimitado.

<input type="text" maxlength="2" id="sessionNo" name="sessionNum" onkeypress="return isNumberKey(event)" />

No entanto, isso pode ou não ser afetado pelo seu manipulador. Talvez seja necessário usar ou adicionar outra função de manipulador para testar o comprimento também.

160
Jared Farrish

A maneira mais simples de fazer isso:

maxlength="5"

So .. Adicionando este atributo ao seu controle:

<input type="text" 
    id="sessionNo" 
    name="sessionNum" 
    onkeypress="return isNumberKey(event)" 
    maxlength="5" />
27
Nonym

Adicione o seguinte ao cabeçalho:

<script language="javascript" type="text/javascript">
function limitText(limitField, limitNum) {
    if (limitField.value.length > limitNum) {
        limitField.value = limitField.value.substring(0, limitNum);
    }
}
</script>

    <input type="text" id="sessionNo" name="sessionNum" onKeyDown="limitText(this,5);" 
onKeyUp="limitText(this,5);"" />
8
b3verelabs

De acordo com w3c , o valor padrão para o atributo MAXLENGTH é um número ilimitado. Então, se você não especificar o máximo, um usuário pode recortar e colar a Bíblia algumas vezes e colocá-la no seu formulário.

Mesmo se você especificar MAXLENGTH para um número razoável, certifique-se de checar a duração dos dados enviados no servidor antes de processá-los (usando algo como php ou asp), já que é muito fácil contornar a restrição básica de MAXLENGTH de qualquer maneira

7
Mahdi Jazini

Torne mais simples

      <input type="text" maxlength="3" />

e use um alerta para mostrar que os caracteres máximos foram usados.

3
user5829707

Eu sempre faço assim:

$(document).ready(function(){
var maxChars = $("#sessionNum");
var max_length = maxChars.attr('maxlength');
if (max_length > 0) {
    maxChars.bind('keyup', function(e){
        length = new Number(maxChars.val().length);
        counter = max_length-length;
        $("#sessionNum_counter").text(counter);
    });
}
});

Entrada:

<input name="sessionNum" id="sessionNum" maxlength="5" type="text">
Number of chars: <span id="sessionNum_counter">5</span>
3
Sašo Krajnc

Comprimento máximo

O número máximo de caracteres que serão aceitos como entrada. O atributo maxlength especifica o número máximo de caracteres permitidos no elemento.

escolas Maxlength W

  <form action="/action_page.php">
     Username: <input type="text" name="usrname" maxlength="5"><br>
     <input type="submit" value="Submit">
   </form>
2
Kondal
<input type="text" maxlength="5">

a quantidade máxima de letras que podem estar na entrada é 5.

2
anonymous
<input type="number" id="xxx" name="xxx" oninput="maxLengthCheck(this)" maxlength="10">

function maxLengthCheck(object) {
  if (object.value.length > object.maxLength)
  object.value = object.value.slice(0, object.maxLength)
}
1
P.Banerjee

Você pode usar <input type = "text" maxlength="9"> ou

<input type = "number" maxlength="9"> para números ou <input type = "email" maxlength="9"> para validação de e-mail será exibido

1
BKas Development