8 replies to this topic

[rafa_bss]

Tenho com formulário de contato que tem um campo para telefones em geral.
Eu quero colocar () para o DDD e - para dividir o número do telefone ao meio.
Quando o usuário digitar, automáticamente aparece (), sendo que os dois primeiros números deverão estar dentro delas, e depois que digitar os dois, vem os outros quatro, depois dos quatros aparece automáticamente o - e depois a pessoa digita o restante do número e pronto.

até mais pessoal, e obrigado desde já pela ajuda!!!

[Felipe Pena]

Terá de trabalhar (montar) com o:
substr ()


[]'s

[Balala]

Se for enquanto o usuário estiver digitando, somente com JavaScript

[rafa_bss]

Olá amigos, eu sou muito novo mesmo em PHP, não sei quase nada, e o que consegui fazer foi com a apostila ao meu lado. Será que você, Justice, poderia falar mais claramente, ou de forma banal para que eu pudesse saber como usar esse comando, tipo, aonde eu coloco, como programar com ele, e etc...

Já a parte de Javascript, eu vou pro forum correspondente.

Obrigado a todos desde já!!!

[tankbr]

Com certeza isso que você quer é Javascript

[gregorytg]

Ou faz dois campos
Uma para o DDD e outro para o TELEFONE
Ae quando for inserir no BD o DDD conctena com ( )
Simplês

[Felipe Pena]

Um exemplo amigo:

<?php

// NÚMERO DO TEL. SEM FORMATAÇÃO
$sTel = "01677775555";

// PREFIXO
$sPrefix = substr ($sTel, 0, 3);

// NÚMEROS DO TEL.
$sPart1 = substr ($sTel, 3, 4);
$sPart2 = substr ($sTel, 7);

// NÚMERO FORMATADO
$sTel = "({$sPrefix}){$sPart1}-{$sPart2}";
echo $sTel;

?>

Agora é só criar um formulário e atribuir $sTel a $_POST['nome do campo'];

Primeiro faça um teste e veja se é isso que você quer...

[]'s

[bdoweb]

para entender melhor sobre a substr entre em http://br.php.net/ma...tion.substr.php

Falow

[rafa_bss]

Olá Justice, abaixo está o formulário e os outros arquivos que fazem parte do mesmo:

Envia os dados por e-mail:

<?php 
$date = date("d/m/Y h:i");

include "config.php";

//ENVIO DA MENSAGEM ORIGINAL
$headers = "$cabecalho_da_mensagem_original";
if ($assunto_digitado_pelo_usuario=="s")
{
  $assunto = "$assunto_da_mensagem_original";
};
$seuemail = "$email_para_onde_vai_a_mensagem";
$mensagem = "$configuracao_da_mensagem_original";
mail($seuemail,$assunto,$mensagem,$headers);

//ENVIO DE MENSAGEM DE RESPOSTA AUTOMATICA
$headers = "$cabecalho_da_mensagem_de_resposta";
if ($assunto_digitado_pelo_usuario=="s")
{
  $assunto = "$assunto_da_mensagem_de_resposta";
}
else
{
  $assunto = "Re: $assunto";
};
$mensagem = "$configuracao_da_mensagem_de_resposta";
mail($email,$assunto,$mensagem,$headers);

echo "<script>window.location='$exibir_apos_enviar'</script>";

?>

Arquivo de configuração:

<?php

$nome_do_site="Taicorama Diversões LTDA.";
$email_para_onde_vai_a_mensagem = "taicorama@taicorama.com.br";
$nome_de_quem_recebe_a_mensagem = "Diretoria";
$exibir_apos_enviar='enviado.html';

//ESSA VARIAVEL DEFINE SE É O USUARIO QUEM DIGITA O ASSUNTO OU SE DEVE ASSUMIR O ASSUNTO DEFINIDO 
//POR MIM CASO O USUARIO DEFINA O ASSUNTO USA-SE "s" NO LUGAR DE "n" E CRIE O CAMPO DE NOME 
//'assunto' NO FORMULARIO DE ENVIO
$assunto_digitado_pelo_usuario="s";

//CONFIGURAÇOES DA MENSAGEM ORIGINAL
$cabecalho_da_mensagem_original="From: $name <$email>\n";
$assunto_da_mensagem_original="Contato via formulario de e-mail enviado pelo site Taicorama.";
$configuracao_da_mensagem_original="Enviado por:\nNome: $nome\nEmail: $email\nTelefone: $telefone\nEstado: $estado\nCidade: $cidade\nAssunto: $assunto\nMensagem: $textodamensagem\nEnviado em: $date";
 
//CONFIGURAÇÕES DA MENSAGEM DE RESPOSTA
// CASO $assunto_digitado_pelo_usuario="s" ESSA VARIAVEL RECEBERA AUTOMATICAMENTE A CONFIGURACAO
// "Re: $assunto"
$assunto_da_mensagem_de_resposta = "E-MAIL RECEBIDO PELA TAICORAMA DIVERSÕES LTDA.";
$cabecalho_da_mensagem_de_resposta = "From: $nome_de_quem_recebe_a_mensagem - $nome_do_site <$email_para_onde_vai_a_mensagem>\n";
$configuracao_da_mensagem_de_resposta="Favor não responder está mensagem, pois a mesma é automática.\n\nObrigado por entrar em contato conosco!\nEstaremos respondendo em breve...\nAtenciosamente,\nA Diretoria - Taicorama Diversões LTDA.\n\nEnviado em: $date";

?>

Arquivo da página que chama o código em php:

<html>
<head>
<title>Contato Taicorama.com.br - Fale conosco!</title>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
	<meta http-equiv='pragma' content='no-cache'>
	<meta http-equiv='expires' content='0'>
	<meta name='keywords' content='games, videokê, simuladores'>
	<meta name='description' content='Site da empresa Taicorama Diversões Ltda.'>
	<meta name='language' content='Portuguese'>
	<meta name='robots' content='all'>
	
   <link href="../formautoresposta/formularioautoresposta/local.css" rel="stylesheet" type="text/css">
         <style type="text/css">
<!--
.style1 {	color: #999999;
	font: bold;
}
.style2 {	color: #999999;
	font: bold;
}
.style3 {	color: #999999;
	font: bold;
}
.style4 {	color: #999999;
	font: bold;
}
.style5 {color: #999999}
-->
         </style>
</head>

<body>
<script language=javascript>
<!--
function validar(form) { 

nome = document.senddata.nome.value; // verifica o campo nome
if (nome == "") { // verifica se o campo nome está vazio
alert("Você precisa digitar seu nome completo para que possamos entrar em contato!"); // mensagem exibida se o campo não for preenchido
senddata.nome.focus(); // coloque esse linha no script fazendo referência ao formulário e ao campo com foco //
return false;
} // aqui termina a parte para nome

email = document.senddata.email.value; 
if (email == "") {
alert("Você precisa digitar um e-mail para que possamos entrar em contato!");
senddata.email.focus(); 
return false;
} 

else {
if (email.indexOf("@") == -1) {
alert("Digite um e-mail válido.");
senddata.email.focus(); 
return false;
}

telefone = document.senddata.telefone.value; 
if (telefone == "") {
alert("O campo do telefone está vazio!");
senddata.telefone.focus(); 
return false;
} 

estado = document.senddata.estado.value; 
if (estado == "Escolha um Estado...") { 
alert("Você precisa digitar o seu estado, pois será necessário para que possamos entrar em contato!"); 
senddata.estado.focus(); 
return false;
}

cidade = document.senddata.cidade.value; 
if (cidade == "") { 
alert("Você precisa digitar a sua cidade, pois será necessário para que possamos entrar em contato!"); 
senddata.cidade.focus(); 
return false;
}

assunto = document.senddata.assunto.value; 
if (assunto == "Escolha um Assunto...") { 
alert("Você precisa digitar um assunto para possamos entrar em contato com mais eficiência!"); 
senddata.assunto.focus();
return false;
}

textodamensagem = document.senddata.textodamensagem.value; 
if (textodamensagem == "") { 
alert("Você precisa digitar uma mensagem para podermos saber o motivo de seu contato!"); 
senddata.textodamensagem.focus(); }}

}

// -->
</script>
<div align="center">
  <p align="left" style="margin-top: 0; margin-bottom: 0">
  <img border="0" src="http://www.taicorama.com.br/contato/images/logotipo_taicorama.gif" align="left"></p>
  <p style="margin-top: 0; margin-bottom: 0"><font size="3" face="Verdana, Arial, Helvetica, sans-serif"><strong>Formul&aacute;rio 
    de Contato Online</strong></font></p>
  <p style="margin-top: 0; margin-bottom: 0">&nbsp;</p>
</div>
<p align="center" style="margin-top: 0; margin-bottom: 0"> 
<table align="center">
  <form name="senddata" method="post" action="send.php" onSubmit="return validar(this)">
    <tr> 
      <td>
      <p style="margin-top: 0; margin-bottom: 0"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><span class="style1">
      <font color="#FF0000">*</font> Nome 
        Completo: </span></font></td>
      <td><div align="left"> 
        <p style="margin-top: 0; margin-bottom: 0"> 
        <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
          <input name="nome" type="text" class="Form" size="50" maxlength="255" style="font-family: Verdana; font-size: 8 pt">
          </font></div></td>
    </tr>
    <tr> 
      <td>
      <p style="margin-top: 0; margin-bottom: 0"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><span class="style2">
      <font color="#FF0000">* </font>E-mail: </span></font></td>
      <td><div align="left"> 
        <p style="margin-top: 0; margin-bottom: 0"> 
        <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
          <input name="email" type="text" class="Form" size="50" maxlength="255" style="font-family: Verdana; font-size: 8 pt">
          </font></div></td>
    </tr>
    <tr> 
      <td>
      <p style="margin-top: 0; margin-bottom: 0"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><span class="style3">
      <font color="#FF0000">*</font> Telefone: 
        </span></font></td>
      <td> <div align="left"> 
        <p style="margin-top: 0; margin-bottom: 0"> 
        <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
          <input name="telefone" type="text" class="Form" size="20" maxlength="255" style="font-family: Verdana; font-size: 8 pt"> 
        Ex.: (21)-26033562
          </font></div></td>
    </tr>
    <tr> 
      <td>
      <p style="margin-top: 0; margin-bottom: 0"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><span class="style3">
      <font color="#FF0000">*</font> Estado:</span></font></td>
      <td> 
      <p style="margin-top: 0; margin-bottom: 0"> <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
        <select name="estado" size="1" class="Form" style="font-family: Verdana; font-size: 8 pt">
          <option>Escolha um Estado...</option>
          <option>Acre</option>
          <option>Alagoas</option>
          <option>Amap&aacute;</option>
          <option>Amazonas</option>
          <option>Bahia</option>
          <option>Cear&aacute;</option>
          <option>Esp&iacute;rito Santo</option>
          <option>Goi&aacute;s</option>
          <option>Maranh&atilde;o</option>
          <option>Mato Grosso</option>
          <option>Mato Grosso do Sul</option>
          <option>Minas Gerais</option>
          <option>Par&aacute;</option>
          <option>Para&iacute;ba</option>
          <option>Paran&aacute;</option>
          <option>Pernambuco</option>
          <option>Piau&iacute;</option>
          <option>Rio de Janeiro</option>
          <option>Rio Grande do Norte</option>
          <option>Rio Grande do Sul</option>
          <option>Rond&ocirc;nia</option>
          <option>Roraima</option>
          <option>Santa Catarina</option>
          <option>S&atilde;o Paulo</option>
          <option>Sergipe</option>
          <option>Tocantins</option>
        </select>
        </font></td>
    </tr>
    <tr>
      <td>
      <p style="margin-top: 0; margin-bottom: 0"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><span class="style4">
      <font color="#FF0000">*</font> Cidade: 
        </span></font></td>
      <td><div align="left"> 
        <p style="margin-top: 0; margin-bottom: 0"> 
        <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
          <input name="cidade" type="text" class="Form" size="50" maxlength="255" style="font-family: Verdana; font-size: 8 pt">
          </font></div></td>
    </tr>
    <tr> 
      <td>
      <p style="margin-top: 0; margin-bottom: 0"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><span class="style4">
      <font color="#FF0000">*</font> Assunto: 
        </span></font></td>
      <td><div align="left"> 
        <p style="margin-top: 0; margin-bottom: 0"> 
        <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
        <select name="assunto" size="1" class="Form" style="font-family: Verdana; font-size: 8 pt">
          <option>Escolha um Assunto...</option>
          <option>Sugestões</option>
          <option>Reclamações</option>
          <option>Dúvidas</option>
          <option>Outros</option>
        </select>
        </font></div></td>
    </tr>
    <tr> 
      <td colspan=2><div align="center" class="style5">
        <p style="margin-top: 0; margin-bottom: 0">
        <font size="1" face="Verdana, Arial, Helvetica, sans-serif"><strong>Mensagem</strong></font></div></td>
    </tr>
    <tr> 
      <td colspan=2><div align="center"> 
        <p style="margin-top: 0; margin-bottom: 0"> 
        <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
          <textarea name="textodamensagem" cols="53" rows="5" class="Form" style="font-family: Verdana; font-size: 8 pt"></textarea>
          </font></div></td>
    </tr>
    <tr> 
      <td colspan=2 align="center">
      <p style="margin-top: 0; margin-bottom: 0">
      <font size="1" face="Verdana, Arial, Helvetica, sans-serif"> 
        <input type="submit" name="enviar" value="Enviar">
          <input type="reset" name="reset" value="Limpar">
          <input type="button" name="cancelar" value="Cancelar" onclick='window.close()'>
        </font>
        </label>
        </font></td>
    </tr>
  </form>
</table>
<p align="left" style="margin-top: 0; margin-bottom: 0">&nbsp;</p>
<p align="left" style="margin-top: 0; margin-bottom: 0">
<font face="Verdana" color="#ff0000" size="2">* </font>
<font face="Verdana" size="2">Campos de preenchimento obrigatório, caso qualquer 
um desses campos não sejam preenchidos, a Taicorama Diversões não poderá 
entrar em contato. Para um retorno mais rápido, não deixe de preenchê-los.</font></p>
<p align="left" style="margin-top: 0; margin-bottom: 0">&nbsp;</p>
<p align="center" style="margin-top: 0; margin-bottom: 0"><font size="2" face="Verdana, Arial, Helvetica, sans-serif">Copyright 
  2004 - Todos os Direitos Reservados - Taicorama Divers&otilde;es LTDA.</font></p>
</body>
</html>

Eu quero fazer essa formatação do telefone chegar ao e-mail da empresa recebedora do contato...e na página do contato (HTML) eu quero fazer com que apareça essa formatação do telefone na hora em que o usuário estiver digitando o número do telefone.

Agradeço a todos por estarem me ajudando!!!

Grande abraço a todos...