none
Máscara via Javascript não funciona RRS feed

  • Pergunta

  • Bom dia amigos, estou com o problema abaixo, para inserir uma máscara nos campos dos meus formulários.

    Alguém consegue identificar o que está errado?

    Imagem do problema

    Na página, o campo cpf está assim:

     @Html.TextBoxFor(e => e.Cpf, new { @class = "form-control", @maxlength = "11", id="cpf"})

    já tentei algumas variações de como inserir a máscara, mas não funcionou. Não sei onde estou errando.

    Só pra avisar, já tentei setar a máscara assim também : 

      $(document).ready(function () {
            $("#cpf").mask('999.999.999-99');
        })

    Colocando o "#" junto ao identificador do campo. Mas não funcionou do mesmo jeito, e no console acusa o erro. Que acredito ser o motivo de não funcionar.

    Se puderem ajudar agradeço.


    Att, Arthur Augusto


    domingo, 5 de abril de 2015 14:15

Respostas

  • Consegui achar a solução, adicionado as seguintes referências e códigos.

    Referências: 

    <script src="~/Scripts/jquery-1.10.2.js"></script>
    <script src="~/Scripts/jquery.maskedinput.js"></script>

    E o seguinte código javascript:

    <script type="text/javascript">
        jQuery(function ($) {
            $("#Cpf").mask("999.999.999-99", { placeholder: " " });
            $("#DataNascimento").mask("99/99/9999");
        });
    </script>

    Onde no meu caso o CPF é o nome que eu tenho no meu modelo(é o Id e Name do meu input).


    Att, Arthur Augusto


    • Editado ArthurAugusto terça-feira, 7 de abril de 2015 20:42
    • Marcado como Resposta ArthurAugusto terça-feira, 7 de abril de 2015 20:42
    terça-feira, 7 de abril de 2015 20:41