Eu gostaria de utilizar um pattern
no meu input
(tem que ser do tipo text
) com as seguintes regras:
- O input só aceita até 4 caracteres.
- Esses caracteres só podem ser números de 0 à 9.
- O usuário NÃO pode começar digitando 0. Ex:
- 0100, 0001, 0050 (Não pode)
- 1020, 1000 (Pode).
Comecei fazendo o seguinte código abaixo, mas não está dando muito certo.
<input class="form-control" type="text" id="cod" name="cod" pattern="[0-9]+$" maxlength="4" placeholder="Digite o código da empresa(Somente números)" required autofocus />
Porém não deu muito certo. (Nesse caso do meu código, não consegui nem impedir que o campo receba só números).
OBS: Gostaria de utilizar só o pattern
do input, sem JavaScript ou jQuery.