WordCamp São Paulo

Este post serve de apoio a palestra relâmpago sobre como adicionar um campo para entrada de números de telefone.

http://wordpress.org/extend/plugins/contact-form-7/

[phone]

[phone*]

Formatar o número automaticamente  (99)9999-9999

O caso do celular SP (11)999-999-999

Funcionando: http://omniwp.com.br/contato/

Atualização

(26/08/2012)

Então, aqui temos o plugin: http://omniwp.com.br/contact-form-7-phone-module.zip

Agora já está hospedado no WordPress.org: http://wordpress.org/extend/plugins/contact-form-7-phone-mask-module/

A máscara do plugin está codificada diretamente no arquivo jquery.maskedinput-1.3.1.js

(function($) {
    $('.phone').mask('(99)9999-9999', { toggleMask: { alternateMask: '(99)999-999-999', erTrigger: '\\(11\\)9{1}' } } );
})(jQuery);

Devo fazer uma versão nova onde isto possa ser configurado diretamente no painel de controle.

Hoje enviei uma mensagem para o autor do CF7 oferecendo para colocar este módulo de telefone diretamente no plugin original e no dia seguinte ele agradeceu a oferta, mas disse que por enquanto não vai adicionar este módulo ao plugin original.

Creio que pode ser válido termos outro plugin para colocar máscaras em diferentes campos, tipo CEP, CPF, CNPJ, cartões de crédito e por aí vai.  Dependendo dos comentários aqui vou ver se me animo a fazer isto.

Abraços,
Gabriel

2 ideias sobre “WordCamp São Paulo

  1. Hi Mike,

    I wonder how you ended here, where things are written in portuguese.

    Anyway, the post does teach how to change the mask, just edit file jquery.maskedinput-1.3.1.js

    Replace
    (function($) {
    $(‘.phone’).mask(‘(99)9999-9999’, { toggleMask: { alternateMask: ‘(99)999-999-999’, erTrigger: ‘\\(11\\)9{1}’ } } );
    })(jQuery);

    with

    (function($) {
    $(‘.phone’).mask(‘(999)999-9999’);
    })(jQuery);

    Be warned that it is a hack, next version will address this properly and overwrite any changes made.

    Regarding the message, I am improving it. Others reported different errors, that is a shame.

    Regards,
    Gabriel

Os comentários estão fechados.