Skip to main content
adicionou 32 caracteres ao conteúdo
Fonte Link
Leandro
  • 1,8mil
  • 1
  • 10
  • 19

Você pode restringir para que o usuário não digite nenhum outro caractere a não ser números através de uma máscara para cada campo. Com a máscara você consegue definir quantos dígitos onuméricos cada campo deverá ter, no. No exemplo abaixo os campos estão restritos a 4, 5, 6 e 7 dígitos, respectivamente.

jQuery(function($){
   $("#numero1").mask("9999");
   
   $("#numero2").mask("9999""99999");
   
   $("#numero3").mask("9999""999999");
   
   $("#numero4").mask("9999""9999999");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.js"></script>

Número 1 <input type="text" id="numero1" name="numero" maxlength="4" placeholder="4 dígitos numéricos"/><br><br>
Número 2 <input type="text" id="numero2" name="numero" maxlength="4"maxlength="5" placeholder="5 dígitos numéricos"/><br><br>
Número 3 <input type="text" id="numero3" name="numero" maxlength="4"maxlength="6" placeholder="6 dígitos numéricos"/><br><br>
Número 4 <input type="text" id="numero4" name="numero" maxlength="4"maxlength="7" placeholder="7 dígitos numéricos"/><br><br>

Ou, se preferir utilizar somente o HTML5, utilize o campo do tipo number.

Número <input type="number" name="numero">

Você pode restringir para que o usuário não digite nenhum outro caractere a não ser números através de uma máscara para cada campo. Com a máscara você consegue definir quantos dígitos o campo deverá ter, no exemplo abaixo os campos estão restritos a 4 dígitos.

jQuery(function($){
   $("#numero1").mask("9999");
   
   $("#numero2").mask("9999");
   
   $("#numero3").mask("9999");
   
   $("#numero4").mask("9999");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.js"></script>

Número 1 <input type="text" id="numero1" name="numero" maxlength="4"/><br><br>
Número 2 <input type="text" id="numero2" name="numero" maxlength="4"/><br><br>
Número 3 <input type="text" id="numero3" name="numero" maxlength="4"/><br><br>
Número 4 <input type="text" id="numero4" name="numero" maxlength="4"/><br><br>

Ou, se preferir utilizar somente o HTML5, utilize o campo do tipo number.

Número <input type="number" name="numero">

Você pode restringir para que o usuário não digite nenhum outro caractere a não ser números através de uma máscara para cada campo. Com a máscara você consegue definir quantos dígitos numéricos cada campo deverá ter. No exemplo abaixo os campos estão restritos a 4, 5, 6 e 7 dígitos, respectivamente.

jQuery(function($){
   $("#numero1").mask("9999");
   
   $("#numero2").mask("99999");
   
   $("#numero3").mask("999999");
   
   $("#numero4").mask("9999999");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.js"></script>

Número 1 <input type="text" id="numero1" name="numero" maxlength="4" placeholder="4 dígitos numéricos"/><br><br>
Número 2 <input type="text" id="numero2" name="numero" maxlength="5" placeholder="5 dígitos numéricos"/><br><br>
Número 3 <input type="text" id="numero3" name="numero" maxlength="6" placeholder="6 dígitos numéricos"/><br><br>
Número 4 <input type="text" id="numero4" name="numero" maxlength="7" placeholder="7 dígitos numéricos"/><br><br>

Ou, se preferir utilizar somente o HTML5, utilize o campo do tipo number.

Número <input type="number" name="numero">
adicionou 10 caracteres ao conteúdo
Fonte Link
Leandro
  • 1,8mil
  • 1
  • 10
  • 19

Você pode restringir para que o usuário não digite nenhum outro caractere a não ser números através de uma máscara para cada campo. Com a máscara você consegue definir quantos dígitos o campo deverá ter, no exemplo abaixo o campo está comos campos estão restritos a 4 dígitos.

jQuery(function($){
   $("#numero1").mask("9999");
   
   $("#numero2").mask("9999");
   
   $("#numero3").mask("9999");
   
   $("#numero4").mask("9999");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.js"></script>

Número 1 <input type="text" id="numero1" name="numero" maxlength="4"/><br><br>
Número 2 <input type="text" id="numero2" name="numero" maxlength="4"/><br><br>
Número 3 <input type="text" id="numero3" name="numero" maxlength="4"/><br><br>
Número 4 <input type="text" id="numero4" name="numero" maxlength="4"/><br><br>

Ou, se preferir utilizar somente o HTML5, utilize o campo do tipo number.

Número <input type="number" name="numero">

Você pode restringir para que o usuário não digite nenhum outro caractere a não ser números através de uma máscara para cada campo. Com a máscara você consegue definir quantos dígitos o campo deverá ter, no exemplo abaixo o campo está com 4 dígitos.

jQuery(function($){
   $("#numero1").mask("9999");
   
   $("#numero2").mask("9999");
   
   $("#numero3").mask("9999");
   
   $("#numero4").mask("9999");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.js"></script>

Número 1 <input type="text" id="numero1" name="numero" maxlength="4"/><br><br>
Número 2 <input type="text" id="numero2" name="numero" maxlength="4"/><br><br>
Número 3 <input type="text" id="numero3" name="numero" maxlength="4"/><br><br>
Número 4 <input type="text" id="numero4" name="numero" maxlength="4"/><br><br>

Ou, se preferir utilizar somente o HTML5, utilize o campo do tipo number.

Você pode restringir para que o usuário não digite nenhum outro caractere a não ser números através de uma máscara para cada campo. Com a máscara você consegue definir quantos dígitos o campo deverá ter, no exemplo abaixo os campos estão restritos a 4 dígitos.

jQuery(function($){
   $("#numero1").mask("9999");
   
   $("#numero2").mask("9999");
   
   $("#numero3").mask("9999");
   
   $("#numero4").mask("9999");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.js"></script>

Número 1 <input type="text" id="numero1" name="numero" maxlength="4"/><br><br>
Número 2 <input type="text" id="numero2" name="numero" maxlength="4"/><br><br>
Número 3 <input type="text" id="numero3" name="numero" maxlength="4"/><br><br>
Número 4 <input type="text" id="numero4" name="numero" maxlength="4"/><br><br>

Ou, se preferir utilizar somente o HTML5, utilize o campo do tipo number.

Número <input type="number" name="numero">
Fonte Link
Leandro
  • 1,8mil
  • 1
  • 10
  • 19

Você pode restringir para que o usuário não digite nenhum outro caractere a não ser números através de uma máscara para cada campo. Com a máscara você consegue definir quantos dígitos o campo deverá ter, no exemplo abaixo o campo está com 4 dígitos.

jQuery(function($){
   $("#numero1").mask("9999");
   
   $("#numero2").mask("9999");
   
   $("#numero3").mask("9999");
   
   $("#numero4").mask("9999");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.0/jquery.mask.js"></script>

Número 1 <input type="text" id="numero1" name="numero" maxlength="4"/><br><br>
Número 2 <input type="text" id="numero2" name="numero" maxlength="4"/><br><br>
Número 3 <input type="text" id="numero3" name="numero" maxlength="4"/><br><br>
Número 4 <input type="text" id="numero4" name="numero" maxlength="4"/><br><br>

Ou, se preferir utilizar somente o HTML5, utilize o campo do tipo number.