Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Máscara para telefone fixo e celular com DDD no mesmo input jQuery

11-09-2016 20:53

Nesse post vou mostrar como fazer uma máscara para que os números digitados no input fiquem no formato de telefone fixo ou celular.

Esse script usa um plugin chamado jQuery Mask Plugin que você pode baixar nesse link http://igorescobar.github.io/jQuery-Mask-Plugin/

8 números = telefone fixo
9 números telefone celular


O script também adiciona a máscara o DDD com dois números.

00 0000-0000
ou
00 00000-0000


Esse script também usa o pattern para que os números inseridos no input sejam somente enviados se estiverem no formato correto.

Após baixar o plugin e tendo também o jQuery você pode testar esse exemplo abaixo

<script src="jquery.js"></script> <script src="jquery.mask.js"></script> <script> var SPMaskBehavior = function (val) { return val.replace(/\D/g, '').length === 11 ? '(00) 00000-0000' : '(00) 0000-00009'; }, spOptions = { onKeyPress: function(val, e, field, options) { field.mask(SPMaskBehavior.apply({}, arguments), options); } }; jQuery(document).ready(function(){ $('.telefone').mask(SPMaskBehavior, spOptions); }); </script> <form id="form" action="" method="POST"> <input pattern="\([0-9]{2}\)[\s][0-9]{4,5}-[0-9]{4}" class="telefone" name="" maxlength="15" placeholder="fixo ou celular com DDD" required> telefone fixo ou celular <button id="envia" type="submit">Enviar</button> </form>

2
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 5
Sexo: Masculino

Re: Máscara para telefone fixo e celular com DDD no mesmo input jQuery

17-09-2016 16:53

Show de bola, estava finalizando o site de uma dentista em Londrina e precisava justamente disso para dar o toque final. Acho bacana vir já com a formatação correta dos números, pois se deixar um campo aberto, cada um preenche da maneira que quiser, com DDD, sem DDD, com traço, sem traço, etc. Muito util, valeu mesmo :clap:
1

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado