Preciso de um campo em que possa ser inserido no máximo 4 números e, caso o usuário insira menos que 4 dígitos, os 4 dígitos sejam completados com zeros na frente, além de não aceitar valores como 0, 00, 000 ou 0000.
Fiz o código abaixo definindo uma máscara de 4 dígitos com o input mask
e fazendo as devidas verificações para remover o valor digitado caso seja um dos valores citados acima (0, 00, 000 ou 0000) ou completar com zeros caso seja válido, porém não consegui identificar o motivo de o mesmo estar limpando o valor digitado ao tirar o foco do campo após digitar um valor válido, ao invés de completar com zeros à esquerda ou manter o valor digitado.
jQuery(function($){
$("#numero").mask("9999");
$("#numero").bind("change focusout", function (){
var num = $(this).val();
if (num == 0 | num == 00 | num == 000 || num == 0000){
$(this).val('');
}
else{
while (num.size < 4){
num = 0 + num;
$(this).val(num);
}
}
});
});
<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.maskedinput/1.4.1/jquery.maskedinput.min.js"></script>
Número <input type="text" id="numero" name="numero" maxlength="4"/>