-1

Preciso adicionar uma mascara com o plugin jquery.mask em campos gerados dinamicamente,

$(document).ready(function($){
    $('.mascara').mask('00000000');
});

for(var i = 0; i < data.d.length; i++)
{                               
   var linha = "<tr>";                          

   // Codigo Vestibular, Não retirar, está sendo usado no update de dados ao banco
   linha += "<td style='text-align:center'>"+data.d[i][0]+"</td>"; 
   // Descrição Vestibular
   linha += "<td class='mascara'>"+data.d[i][1]+"</td>"; 
   // dat1
   if (data.d[i][2] != "")linha += "<td contenteditable >"+data.d[i][2]+"</td>";
   else {linha += "<td contenteditable class='mascara'>Célula vazia</td>";}
   // dat2
   if (data.d[i][3] != "")linha += "<td contenteditable >"+data.d[i][3]+"</td>";
   else {linha += "<td contenteditable class='mascara'>Célula vazia</td>";}
   // dat3
   if (data.d[i][4] != "")linha += "<td contenteditable >"+data.d[i][4]+"</td>";
   else {linha += "<td contenteditable class='mascara'></td>";}
   // dat4
   if (data.d[i][5] != "" && data.d[i][5] != 0)linha += "<td contenteditable >"+data.d[i][5]+"</td>";
   else {linha += "<td contenteditable onkeyup='validaValor(this)'></td>";}                         

   linha += "</tr>";
   $('#corpotabela').append(linha);
   $('#combobox-vinculo'+i).val(data.d[i][2]);
}
4
  • Que tipo de máscara vc quer? CNPJ, CPF, CEP...
    – Sam
    15/03/2018 às 14:43
  • $('.mascara').mask('00000000'); 15/03/2018 às 14:48
  • Esses valores estão vindo de Ajax?
    – Sam
    15/03/2018 às 14:51
  • Sim isso mesmo. 15/03/2018 às 14:56

2 Respostas 2

1

Aplica a máscara após os campos gerados dinamicamente. É uma possibilidade dentre outras.

          $(document).ready(function(){
    
    
              var linha = '';
              for (var i = 0; i < 10; ++i) {
                  linha = $('<div>', {
                      class: 'a',
                      contenteditable: true,
                      style: 'border: 1px solid black'
                  });
                  $('#b').append(linha);
              }
              $('.a').mask('9999-9999');
          });
        
<!DOCTYPE html>
    <html>
      <head>
        <script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js" ></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.15/jquery.mask.min.js"></script>
    
    	</head>
      <body>
          <div id=b> </div>
      </body>
    </html>

2
  • Umas das primeiras coisas q tentei, nao funciona 15/03/2018 às 15:02
  • causa o seguinte erro: $(...).mask is not a function 15/03/2018 às 15:03
0

Como você está usando contenteditable, pode delegar a máscara a elementos dinâmicos quando eles receberem focus usando a sintaxe:

$(document).ready(function($){
   $(document).on("focus", ".mascara", function(){
      $(this).mask('00000000');
   });
});
1

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .