Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

danmartinsiss

mascaras asp.net e MVC

Recommended Posts

Bom dia estou tentando colocar mascaras para esses campos que aprendi colocando via MVC poremnao consigo..

como deve ser feito?? alguem tem uma ideia, nosso colega IDEV me passou umas mascaras para incluir no sistema mas nao sei como incluir

 

ele me indicou essas mascaras https://github.com/igorescobar/jQuery-Mask-Plugin

 

 

meu codigo ficou assim

 <div class="col-md-10">
   @Html.EditorFor(model => model.DATACONSULTA, new { htmlAttributes = new { @class = "form-control" } })
   @Html.ValidationMessageFor(model => model.DATACONSULTA, "", new { @class = "text-danger" })
  </div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Utilizei o MVC para gerar o CRUD

$(function () {
    $('[mask]').each(function (e) {
        $(this).mask($(this).attr('@mask'));
    });
});
 <div class="form-group">
   @Html.LabelFor(model => model.DATACONSULTA, htmlAttributes: new { @class = "control-label col-md-2"})
  <div class="col-md-10">
  @Html.EditorFor(model => model.DATACONSULTA, new { htmlAttributes = new { @class = "form-control", @mask "00/00/0000"}})
  @Html.ValidationMessageFor(model => model.DATACONSULTA, "", new { @class = "text-danger" })
               
</div>

Dentro tbm ja chamei a mascara


@section Scripts {
    @Scripts.Render("~/bundles/jqueryval")
    @Scripts.Render("~/bundles/jquerymask")
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Cara seu problema esta em

$(this).mask($(this).attr('@mask'));

Quanto vc utiliza @ mesmo que dentro do JS, o cshtml interpreta como se você tivesse realizando uma redenruzação de uma informação.

 

Se você tentar escrever o valor no console verá que ele esta undefined

$('[mask]').each(function (e) {
     console.log($(this).attr('@mask'));
        $(this).mask($(this).attr('@mask'));
    });

Poem assim que resolve:

$('[mask]').each(function (e) {
        $(this).mask($(this).attr('mask'));
    });

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.