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 thisHTML 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.scherer1Portugues:
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 assimHTML 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
Please register or login to download attachments.