Arquivo

Textos com Etiquetas ‘formulário’

Máscara para CEP em javascript

9, maio, 2009
1 comentário

Apresento-lhes um javascript muito útil para formatação de campos de CEP em formulários. Este foi o melhor que encontrei. Fiz algumas adaptações para melhora-lo mais.
Com esta máscara, não é possível inserir no campo CEP nada além de números. O hífen (-), é inserido automaticamente após o quinto caractere (ex: 12345-678).

Coloque o código abaixo no HEAD da página:

<script>
function MascaraCEP(campo, teclaPress) {
  if (window.event){
    var tecla = teclaPress.keyCode;
  } else {
    tecla = teclaPress.which;
  }
  var s = new String(campo.value);
  s = s.replace(/(\.|\(|\)|\/|\-| )+/g,'');
  tam = s.length + 1;
  if (tam > 5 && tam < 7)
    campo.value = s.substr(0,5) + '-' + s.substr(5, tam);
}

function digitos(event){
  if (window.event) {
    // IE
    key = event.keyCode;
  } 
  else if (event.which) {
    // netscape
    key = event.which;
  }
  if (key != 8 || key != 13 || key < 48 || key > 57)
    return (((key > 47) && (key < 58)) || (key == 8 ) || (key == 13));
    return true;
}
</script>

No campo CEP do formulário inclua os eventos onkeypress e onkeyup como abaixo:

<input type="text" name="cep" maxlength="9" size="11"
onKeyPress="return digitos(event, this);" onkeyup="MascaraCEP(this, event);">

Bom proveito e qualquer dúvida é só comentar!

…

Limite-Infinito Javascript, Programação , , ,