Máscara em campo input text com jQuery e jQuery Mask Plugin

Adicione as duas referências abaixo no seu formulário:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script type="text/javascript" src="https://github.com/igorescobar/jQuery-Mask-Plugin/blob/master/jquery.mask.min.js"></script>

A configuração da máscara é feita com o código abaixo:

<pre>
    $(document).ready(function(){
      $('.date').mask('11/11/1111');
      $('.time').mask('00:00:00');
      $('.date_time').mask('99/99/9999 00:00:00');
      $('.cep').mask('99999-999');
      $('.phone').mask('9999-9999');
      $('.phone_ddd').mask('(99) 9999-9999');
      $('.phone_usa').mask('(999) 999-9999');
      $('.mixed').mask('AAA 000-D0T');
      $('.cpf').mask('999.999.999-99', {reverse: true});
      $('.money').mask('000.000.000.000.000,00', {reverse: true});
    });

</pre>

Adicione o atributo "class=" com o seu identificador no campo do fomulário.

<input type="text" class="date"/>

<input type="text" class="time"/>

<input type="text" class="date_time"/>

<input type="text" class="cep"/>

<input type="text" class="phone_ddd"/>

<input type="text" class="phone_usa"/>

<input type="text" class="mixed"/>

<input type="text" class="cpf"/>

<input type="text" class="money"/>

<input type="text" class="phone"/>

Para remover a máscara utilize:

<pre>$('.date').data('mask').remove();</pre>

Plugin: Mask-Plugin