• Anúncios

    • codigofonte

      Novo Fórum

      Pessoal, Atualizamos nossa versão do fórum para a mais recente da Invision Power. Como tínhamos uma versão muito antiga, talvez algumas áreas possam funcionar de forma errada ou com problemas, gostaria de pedir-lhes a compreensão, pois iremos resolvendo aos poucos. Até mais!

1 post neste tópico

Nao manjo nada de html, peguei um pedaço de cada dica na internet, agora só preciso que este formulario venha para meu email.

 

<!DOCTYPE html!>
<html lang="pt-br">
    <head>
         <title>Formulário</title>
         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
         <link href="estilo.css" rel="stylesheet" type="text/css" media="all">    
<!-- Adicionando JQuery -->
    <script src="//code.jquery.com/jquery-3.2.1.min.js"></script>

    <!-- Adicionando Javascript -->
    <script type="text/javascript" >

        $(document).ready(function() {

            function limpa_formulário_cep() {
                // Limpa valores do formulário de cep.
                $("#rua").val("");
                $("#bairro").val("");
                $("#cidade").val("");
                $("#uf").val("");
                
            }
            
            //Quando o campo cep perde o foco.
            $("#cep").blur(function() {

                //Nova variável "cep" somente com dígitos.
                var cep = $(this).val().replace(/\D/g, '');

                //Verifica se campo cep possui valor informado.
                if (cep != "") {

                    //Expressão regular para validar o CEP.
                    var validacep = /^[0-9]{8}$/;

                    //Valida o formato do CEP.
                    if(validacep.test(cep)) {

                        //Preenche os campos com "..." enquanto consulta webservice.
                        $("#rua").val("...");
                        $("#bairro").val("...");
                        $("#cidade").val("...");
                        $("#uf").val("...");
                       

                        //Consulta o webservice viacep.com.br/
                        $.getJSON("//viacep.com.br/ws/"+ cep +"/json/?callback=?", function(dados) {

                            if (!("erro" in dados)) {
                                //Atualiza os campos com os valores da consulta.
                                $("#rua").val(dados.logradouro);
                                $("#bairro").val(dados.bairro);
                                $("#cidade").val(dados.localidade);
                                $("#uf").val(dados.uf);
                              } //end if.
                            else {
                                //CEP pesquisado não foi encontrado.
                                limpa_formulário_cep();
                                alert("CEP não encontrado.");
                            }
                        });
                    } //end if.
                    else {
                        //cep é inválido.
                        limpa_formulário_cep();
                        alert("Formato de CEP inválido.");
                    }
                } //end if.
                else {
                    //cep sem valor, limpa formulário.
                    limpa_formulário_cep();
                }
            });
        });

    </script>
    </head>
 <body>
   <body bgcolor="eb9800">
            <div id="container">            
            <div id="corpo">                
                <section>                    
                    <article class="artigo">
                        <form method="POST" action="processacont.php">
                            <input type="hidden" name="operacao" value="incluir">
                            <table border="0">
         
                                    
                                <tr>
                                    <td width="900" height="20">
                                         <font color="#000000" size="5">&nbsp; Preencha os dados abaixo que retornaremos informando os valores de frete </font>
                                    </td>
                                </tr>                            
                            </table></br>
                            <hr style='width: 100%; height:0px; text-align:center; border:0px; color:#D6BF9C; background:#D6BF9C;' /></br>
                            <table border="0">
                                <tr>
                                    <td width="330" height="20">
                                        <font color="#000000" size="4"> &nbsp; Nome: </font>
                                        <font color="red" size="4">*</font>
                                    </td>
                                    <td width="320" height="20">
                                        <font color="#000000" size="4">E-mail: </font>
                                        <font color="black" size="4">*</font>
                                    </td>
                                    <td width="310" height="20">
                                        <font color="#000000" size="4">Telefone: </font>
                                        <font color="red" size="4">*</font>
                                    </td>
                                 </tr>
                               <tr>
                                    <td width="330" height="20">
                                        &nbsp;<input type="text" name="nome" size="35" class="txtarea">
                                    </td>
                                    <td width="320" height="20">
                                        <input type="text" name="email" size="35" class="email">
                                    </td>
                                    <td width="310" height="20">
                                        <input type="number" name="telefone" size="35" class="txtarea">
                                    </td>
                                </tr>               

                                 

                
   
      <form method="get" action=".">
                                 <tr> 
         <td width="50" height="20">
                                        <font color="#000000" size="4">&nbsp; Cep: </font>
                                        <font color="red" size="4">*</font>
                                    </td>
        <td width="310" height="20">
                                        <font color="#000000" size="4">Rua: </font>
                                        <font color="red" size="4">*</font>
                                    </td>
         <td width="10" height="20">
                                        <font color="#000000" size="4">Nº: </font>
                                        <font color="red" size="4">*</font>
                                    </td>
                                   </tr>     

        <tr>
                                    <td width="50" height="20">
                                        &nbsp;<input name="cep" type="text" id="cep" value="" size="8" maxlength="8" /></label>
                                    </td>
                                    <td width="310" height="20">
                                     <input name="rua" type="text" id="rua" size="60" /></label>   
                                    </td>
                                    <td width="10" height="20">
                                        <input type="number" name="nº" size="35" class="txtarea">
                                    </td>
                                 </tr>
               
                                <tr>
                                   <td width="50" height="20">
                                        <font color="#000000" size="4">&nbsp; Bairro: </font>
                                        <font color="red" size="4">*</font>
                                    </td>
        <td width="310" height="20">
                                        <font color="#000000" size="4">Cidade: </font>
                                        <font color="red" size="4">*</font>
                                    </td>
         <td width="2" height="20">
                                        <font color="#000000" size="4">Estado: </font>
                                        <font color="red" size="4">*</font>
                                    </td>
                                   </tr>      

                                <tr>
                                    <td width="50" height="20">
                                        &nbsp;<input name="bairro" type="text" id="bairro" size="40" /></label><br />
                                    </td>
                                    <td width="310" height="20">
                                        <input name="cidade" type="text" id="cidade" size="40" /></label> 
                                    </td>
                                    <td width="10" height="20">
                                        <input name="uf" type="text" id="uf" size="2" /></label><br />
                                    </td>
                                 </tr>
      
       
       
       
        
      </form>
     
  
            <br />  
            <td width="420" height="5"> ( * ) Campos obrigatórios </td>                        
                                </tr>
                                <tr>
                                    <td>
                                    <input type="reset" value="Cancelar" />
                                    <input type="submit" name="enviar" value="Enviar">
                                    </td>
                                </tr>
                            </table>
                        </form>
                    </article>                    
                </section>                
            </div>
           
        </div>
    </body>
</html>


 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!


Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.


Entrar Agora