sábado, janeiro 24, 2009

Máscaras JQuery

Bom estou fazendo uns freela em ASP.NET/C#, e me surgiu algumas gracinhas em AJAX vou postar aqui, o primeiro post é relacionado a mascáras tinha procurado por algum tempo em fracasso éssa semana achei sem querer, hoje testei. você vai prescisar da JQUery, e um plug-in para máscara [data jquery] é bem simples usar o download do código pode ser feito [aqui]
o maldito blogspot acabou co com a visualização


   1:  <?xml version="1.0" encoding="UTF-8"?>
   2:  <!DOCTYPE html 
   3:       PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   4:      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   5:  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   6:      
   7:    <head>
   8:      <title>JQuery</title>
   9:      <script type="text/javascript" src="jquery-min.js"></script>
  10:    </head>
  11:    <body>
  12:  <form id="formCadastro" >
  13:      <table >
  14:      
  15:      <TD>
  16:      Data
  17:      </TD>
  18:      <TD>
  19:      <input type="text" id="txtData" />
  20:      </TD>
  21:      </TR>
  22:      <tr>
  23:      <TD>
  24:      Custom
  25:      </TD>
  26:      <TD>
  27:       <input type="text" id="txtPlaca" />
  28:      </TD>
  29:      </tr>
  30:      </table>
  31:      
  32:      </form>
  33:      <script src="jquery.maskedinput.js" type="text/javascript"></script>
  34:      <script type="text/javascript">
  35:         jQuery(function($) {
  36:        
  37:            $('#txtData').mask('99/99/9999');
  38:      $('#txtPlaca').mask('aaa-9999');
  39:       
  40:     });</script>    
  41:      </script>
  42:        
  43:    </body>
  44:  </html>

Sem comentários: