Entrar Ainda não tem acesso?
4
respostas

Mascara no campo

por Guilherme Costa Lopes
| 182.2k xp | 608 posts

Exemplo desta página: http://igorescobar.github.io/jQuery-Mask-Plugin/

Código HTML:

    <div class="form-group">
    <label for="codigoVerificacao">Código de verificação</label> <span
    class="text-danger">*</span><input type="text"
    placeholder="Informe o código de verificação !"
    th:field="*{codigoVerificacao}"
    class="input-sm form-control codigoVerificacao"
    id="codigoVerificacao" data-toggle="tooltip"
    data-placement="bottom" title="Informe o código de verificação"
    data-original-title="Informe o código de verificação">
</div>

Máscara criada: $("input.codigoVerificacao").mask("SSSSS-SSSSS");

4 respostas
por Allan Pinheiro de Lima
| 449k xp | 265 posts
Chief of Technology Officer

Ei, tudo bem?

Eu não entendi sua pergunta, mas conheço bem o plugin. O que você gostaria de perguntar?

por Guilherme Costa Lopes
| 182.2k xp | 608 posts

Preciso criar uma mascara que aceite todos os tipos de caracteres, mas que fique assim. Entendeu ?

HF78F-47FTQ

O erro é que ele faz a mascara, mas fica assim AAAAA-AAAAA, conforme imagem e não consigo alterar. Entendeu ?

por Allan Pinheiro de Lima
| 449k xp | 265 posts
Chief of Technology Officer

Entendi, entretanto, este não é o comportamento normal do plugin. Ele usa o dígito A pra aceitar números ou letras. Tenta assim e me diz o que acontece:

$("input.codigoVerificacao").mask("AAAA-AAAA");

Se não der certo, me passa seu código pra eu ver o que está rolando

por Guilherme Costa Lopes
| 182.2k xp | 608 posts

Não funcionou.

Ao clicar no campo ele já preenche AAAAA-AAAAA não consigo alterar as informações no campo.

Html:

<div class="form-group">
    <label for="codigoVerificacao">Código de verificação</label> <span class="text-danger">*</span><input type="text" placeholder="Informe o código de verificação !" th:field="*{codigoVerificacao}" class="input-sm form-control codigoVerificacao" id="codigoVerificacao" data-toggle="tooltip" data-placement="bottom" title="Informe o código de verificação" data-original-title="Informe o código de verificação"></div>

Máscara:

$("input.codigoVerificacao").mask("AAAAA-AAAAA");