Cada clase de caracteres (entre corchetes) coincide con un único caracter (por más que luego se la repita con un cuantificador). Por eso, es que necesitas separar cada dígito en una clase diferente.
/^[1-9][0-9]*$/
O, lo que es lo mismo:
/^[1-9]\d*$/
Como verás, además de coincidir con el inicio del string (^
), también hace falta coincidir con el final, para que no ingresen algo como 123abc
.
Y, por último, el asterisco en \d*
, hace que ese dígito (0 a 9) pueda coincidir 0 a infinitas veces.
Ahora bien, la librería jQuery Mask Plugin no necesita estar anclada al inicio/fin del string, y toma letras como máscaras, y cada letra la asocia a un regex. Por lo tanto, si usamos la máscara:
PN
Y definimos:
P: /[1-9]/, //positivos
N: /\d/ //Números
Configurando a N
como recursive
, logramos que se repitan hasta el final. Entonces tenemos lo mismo que:
/[1-9]\d*/
Demo:
$("#telefono").mask(
'PN',
{translation:
{
P: {pattern: /[1-9]/},
N: {pattern: /\d/, recursive: true}
}
}
);
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- jQuery Mask Plugin -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.13/jquery.mask.min.js"></script>
<!-- HTML -->
<input id="telefono" type="tel" name="" value="" placeholder="telefono">
Y yendo un poco más lejos, siguiendo este mismo ejemplo, podemos usarlo para encarar un formato de teléfono de hasta 12 dígitos, con código internacional:
$("#telefono").mask(
'99990 0000-0000',
{
reverse: true
}
);
<!-- jQuery -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- jQuery Mask Plugin -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.13/jquery.mask.min.js"></script>
<!-- HTML -->
<input id="telefono" type="tel" name="" value="" placeholder="telefono">