3

Teria como fazer uma mascara sem plugin em um campo do meu formulário ex: (00) 0000-0000 ?

Usand somente CSS ou HTML?

4
  • Creio que só com javascript(puro) mesmo
    – user28595
    Commented 20/06/2016 às 17:32
  • Ricardo, como ficaria a questão do nono digito? De qualquer forma, deve usar JavaScript.
    – Matheus
    Commented 20/06/2016 às 18:15
  • pretendo incluir, só citei um exemplo de formatação, tenho uma pergunta em aberto tentando usar JS: [ pt.stackoverflow.com/questions/135478/… ] Commented 20/06/2016 às 18:18
  • Fazer mascara vai dar muito trabalho de javascript puro e nada facil pode dar bug, e prefiro usar jquery chama masked input já ajuda, e porque não tenta? jsfiddle.net/dKRGE/3
    – KingRider
    Commented 20/06/2016 às 19:10

1 Resposta 1

11

Você pode usar regular expression na tag <input> do html5.

Não funcionará como máscara mas irá validar o telefone no formato onformado (99-99999999) ou (99-999999999).

Ex:

<input type="text" required id="partNumber" pattern="^[1-9]{2}\-[2-9][0-9]{7,8}$" />

Para o seu exemplo [(99)9999-9999] a regular expression seria <input type="text" required id="partNumber" pattern="^\([1-9]{2}\)[0-9]{4}\-[0-9]{4}$" />

Veja funcionando em https://jsfiddle.net/p9at0ovL/

Obs.: Só irá funcionar nos navegadores mais novos.

1

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .