Formulário de Envio

draconiaa · 2013-07-25, 06:06 PM

English:

I'll spend a submission form ready.

First place it within your HTML

HTML Code:

 <div class="formulario">
********
********<form action="envia.php" method="POST"> <! - calls envia.php ->
********
********
*******************
********<div class="formulario-texto"> Name </div>
********<div class="formulario-campo">
********<span id="sprytextfield1">
********<input type="text" name="nomeremetente" class="textfield-nome"/>
********<br/> <span class="textfieldRequiredMsg"> Enter your name </span> </span> </div>
********
********
********<div class="formulario-texto"> E-mail </div>
********<div class="formulario-campo"> <span id="sprytextfield2">
********<input type="text" name="emailremetente" class="textfield-nome"/>
********<br/> <span class="textfieldRequiredMsg"> Enter your e-mail </span>
********<span class="textfieldInvalidFormatMsg"> Format Invalid email </span> </span> </div>
********
**********
********
********
********<div class="formulario-texto"> Telephone </div>
********<div class="formulario-campo">
********
********<span id="sprytextfield3">
********<input type="text" name="ddd" class="textfield-ddd />
********Enter your <span class="textfieldRequiredMsg"> DDD </span>
********<span class="textfieldInvalidFormatMsg"> Enter 2 numbers of your DDD </span>
********<span class="textfieldMinCharsMsg"> Enter 2 numbers of your DDD </span>
********<span class="textfieldMaxCharsMsg"> Enter 2 numbers of your DDD </span> </span>
********
********<span id="sprytextfield4">
********<input type="text" name="telefone" class="textfield-telefone"/><br/>
********<span class="textfieldRequiredMsg"> Enter your phone </span>
********<span class="textfieldInvalidFormatMsg"> Invalid format, type your phone as in this example: 78872332 </span> </span> </div>
*******************************************************
********
**********************
********<div class="formulario-texto"> Subject </div>
********<div class="formulario-campo"> <span id="sprytextfield5">
********<input type="text" name="assunto" class="textfield-nome"/>
********<br/> <span class="textfieldRequiredMsg"> Enter the subject </span> </span> </div>
********
********
********<div style="margin: width:100%;"> </div>
********<div class="formulario-texto"> Message </div>
********<div class="formulario-campo"> <span id="sprytextarea1">
********<textarea name="mensagem" cols="35" rows="6"> </textarea>
********<br/> <span class="textareaRequiredMsg"> Enter your message </span> </span> </div>
******************************
********<div>
********<input name="enviar" type="reset" value="Limpar" class="btn-contato-reset"/>
********<input name="enviar" type="submit" value="Enviar" class="btn-contato-enviar"/>
********</Div>
********
********
********</Form>
********
********</Div> <! - End of Content Pages ->
****************
*<! - Flame form validation ->
*
<script type="text/javascript" src="js/SpryValidationTextField.js" language="javascript"> </script>
<script type="text/javascript" src="js/SpryValidationTextarea.js" language="javascript"> </script>
<script type="text/javascript" src="js/SpryValidationSelect.js" language="javascript"> </script>

<script type="text/javascript">

*sprytextfield1 Spry.Widget.ValidationTextField var = new ("sprytextfield1");
*sprytextfield2 Spry.Widget.ValidationTextField var = new ("sprytextfield2", "email");
*sprytextfield3 Spry.Widget.ValidationTextField var = new ("sprytextfield3", "integer", {minChars: 2 maxChars: 2});
*sprytextfield4 Spry.Widget.ValidationTextField var = new ("sprytextfield4");
*sprytextfield5 Spry.Widget.ValidationTextField var = new ("sprytextfield5");
*sprytextarea1 Spry.Widget.ValidationTextarea var = new ("sprytextarea1");

</Script>

also create a page comfirmação shipping, otherwise the user will be lost.
I made the confirmation page simple
Recalling that the form only works if the site is on a server that supports PHP.
My confirmation page looked like this

HTML Code:

</Head>

<body>
<p> Your message was sent successfully </p>
</Body>

PHP Code:


 <? Php

/ / Passing data obtained by the form to these variables
$ Sender Name = $ _POST ['Sender Name'];
$ Emailremetente = trim ($ _POST ['emailremetente']);
$ Emaildestinatario = '# # #', / / Enter your email here, remembering that e-mail should be your web server
$ Ddd = $ _POST ['ddd'];
$ Phone = $ _POST ['phone'];
$ Subject = $ _POST ['subject'];
$ Other = $ _POST ['other'];
$ Message = $ _POST ['message'];
*
*
/ * Riding the message to be sent in the body of the email. * /
$ MensagemHTML = '<P> COMPLETED FORM IN SITE # # # # # # # # # </P>
<p> <b> Name: </b> '. $ Sender Name.'
<p> <b> E-Mail: </b> '. $ emailremetente.'
<p> <b> DDD: </b> '. $ ddd.'
<p> <b> Phone: </b> '. $ phone.'
<p> <b> Subject: </b> '. $ subject.'
<p> <b> Message: </b> '. $ message.' </p>
<hr> ';


/ / The sender must be an e-mail from your domain as required by RFC 822.
/ / The return-path must be the same e-mail sender.
$ Headers = "MIME-Version: 1.1 \ r \ n";
$ Headers. = "Content-type: text / html; charset = utf-8 \ r \ n";
$ Headers. = "From: $ emailremetente \ r \ n" / / sender
$ Headers. = "Return-Path: $ emaildestinatario \ r \ n" / / return-path
$ Send = mail ($ emaildestinatario, $ subject, $ mensagemHTML, $ headers);
*
*if ($ shipping)
echo "<script> location.href = 'sucesso.html' </ script>"; / / page to be redirected

?>

Any code placed in this post is attached below.

Any questions following my email: alvaropietro@hotmail.com and Skype: alvaro.scherer1

Portugues:

Vou passar um formulário de envio pronto.

Primeiramente coloque isto dentro do seu HTML

HTML Code:

<div class="formulario">  
        
        <form action="envia.php" method="POST"> <!--  chama o envia.php -->        
        
        
                   
        <div class="formulario-texto">Nome</div>
        <div class="formulario-campo">
        <span id="sprytextfield1">
        <input type="text" name="nomeremetente" class="textfield-nome"/>
        <br /><span class="textfieldRequiredMsg">Digite seu nome</span></span></div>
        
        
        <div class="formulario-texto">E-mail</div>
        <div class="formulario-campo"><span id="sprytextfield2">
        <input type="text" name="emailremetente" class="textfield-nome"/>
        <br /><span class="textfieldRequiredMsg">Digite seu e-mail</span>
        <span class="textfieldInvalidFormatMsg">Formato de e-mail inválido</span></span></div> 
        
          
        
        
        <div class="formulario-texto">Telefone</div>
        <div class="formulario-campo">
        
        <span id="sprytextfield3">
        <input type="text" name="ddd" class="textfield-ddd" />
        <span class="textfieldRequiredMsg">Digite seu DDD</span>
        <span class="textfieldInvalidFormatMsg">Digite os 2 números do seu DDD</span>
        <span class="textfieldMinCharsMsg">Digite os 2 números do seu DDD</span>
        <span class="textfieldMaxCharsMsg">Digite os 2 números do seu DDD</span></span>
        
        <span id="sprytextfield4">
        <input type="text" name="telefone" class="textfield-telefone" /> <br />
        <span class="textfieldRequiredMsg">Digite seu telefone</span>
        <span class="textfieldInvalidFormatMsg">Formato inválido, digite seu telefone como no exemplo: 78872332</span></span></div>
                                                       
        
                      
        <div class="formulario-texto">Assunto</div>
        <div class="formulario-campo"><span id="sprytextfield5">
        <input type="text" name="assunto" class="textfield-nome"/>
        <br /><span class="textfieldRequiredMsg">Digite o assunto</span></span></div>
        
        
        <div  style="float:left; width:100%;"> </div>
        <div class="formulario-texto">Mensagem</div>
        <div class="formulario-campo"><span id="sprytextarea1">
        <textarea name="mensagem" cols="35" rows="6"></textarea>
        <br /><span class="textareaRequiredMsg">Digite sua mensagem</span></span></div>
                              
        <div>
        <input name="enviar" type="reset" value="Limpar" class="btn-contato-reset"  />
        <input name="enviar" type="submit" value="Enviar" class="btn-contato-enviar"  />                
        </div>
        
        
        </form> 
        
        </div><!--Fim do Conteudo Paginas-->
                
 <!-- Chama validação do formulário -->
 
<script type="text/javascript" src="js/SpryValidationTextField.js" language="javascript" ></script>
<script type="text/javascript" src="js/SpryValidationTextarea.js" language="javascript" ></script>
<script type="text/javascript" src="js/SpryValidationSelect.js" language="javascript" ></script>    

<script type="text/javascript">

 var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
 var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "email");
 var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "integer", {minChars:2, maxChars:2});
 var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4"); 
 var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5");
 var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1");

</script>

Também crie uma página de comfirmação de envio, do contrário o usuário ficará perdido.
Fiz a página de confirmação bem simples
Lembrando que o formulário só funciona se o site estiver em algum servidor que suporte PHP.
A minha página de confirmação ficou assim

HTML Code:

</head>

<body>
<p>Sua mensagem foi enviada com sucesso!</p>
</body>

PHP Code:


<?php

// Passando os dados obtidos pelo formulário para as variáveis abaixo
$nomeremetente     = $_POST['nomeremetente'];
$emailremetente    = trim($_POST['emailremetente']);
$emaildestinatario = '####'; // Digite seu e-mail aqui, lembrando que o e-mail deve estar em seu servidor web
$ddd              = $_POST['ddd'];
$telefone          = $_POST['telefone'];
$assunto          = $_POST['assunto'];
$outros          = $_POST['outros'];
$mensagem          = $_POST['mensagem'];
 
 
/* Montando a mensagem a ser enviada no corpo do e-mail. */
$mensagemHTML = '<P>FORMULARIO PREENCHIDO NO SITE #########</P>
<p><b>Nome:</b> '.$nomeremetente.'
<p><b>E-Mail:</b> '.$emailremetente.'
<p><b>DDD:</b> '.$ddd.'
<p><b>Telefone:</b> '.$telefone.'
<p><b>Assunto:</b> '.$assunto.'
<p><b>Mensagem:</b> '.$mensagem.'</p>
<hr>';


// O remetente deve ser um e-mail do seu domínio conforme determina a RFC 822.
// O return-path deve ser ser o mesmo e-mail do remetente.
$headers = "MIME-Version: 1.1\r\n";
$headers .= "Content-type: text/html; charset=utf-8\r\n";
$headers .= "From: $emailremetente\r\n"; // remetente
$headers .= "Return-Path: $emaildestinatario \r\n"; // return-path
$envio = mail($emaildestinatario, $assunto, $mensagemHTML, $headers); 
 
 if($envio)
echo "<script>location.href='sucesso.html'</script>"; // Página que será redirecionada

?>

Todo e qualquer código colocado nesse post estará anexado abaixo.

Qualquer dúvida segue meu e-mail: alvaropietro@hotmail.com e Skype: alvaro.scherer1

Thread: Formulário de Envio

Thread Tools

Display

Formulário de Envio

Posting Permissions