Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Marcio Gama

Formulário de contato não envia!

Recommended Posts


Bom dia,


Recentemente adquiri um template Html5, fiz as modificações e hospedei em meu servidor normalmente; mas falta um detalhe, no formulário de contato:


1) no código abaixo onde vou digitar o email de retorno (ex: meuemail@gmail.com) para a minha caixa de email ?


2) pra que serve o "href" na class="button" ?





Segue o código abaixo:


<div class="contact_form">

<h3 class="title">TIRE AS SUAS DÚVIDAS OU SOLICITE ORÇAMENTO.</h3>

<form id="contact_form" method="post" />

<div class="field">

<label class="required" for="contact_form_username">Nome</label>

<input id="contact_form_username" type="text" name="username" />

</div>

<div class="field">

<label class="required" for="contact_form_email">Email</label>

<input id="contact_form_email" type="text" name="email" />

</div>

<div class="field message">

<label class="required" for="contact_form_message">Mensagem</label>

<textarea id="contact_form_message" name="message"></textarea>

</div>

<div class="button">

<a href="#" class="enter" ><span>Enviar</span></a> <= Onde inserir o email de retorno ?

<div class="req">(*) Preencha todos os campos.</div>

</div>

<div class="result"></div>

</form>

</div>





Abraços, Márcio.


Compartilhar este post


Link para o post
Compartilhar em outros sites

Não tem php por fora e nem Ajax, e a validaçao foi feita com Jquery, segue ...

 

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(".contact_form .enter").click(function(e){
userSubmitForm();
e.preventDefault();
return false;
});
});
function userSubmitForm(){

/* Contact form messages */
empt = 'Campo Nome não pode está vazio';
to_lng = 'Nome do campo muito longo';
to_lng = 'Nome do campo muito longo';
empt_mail = 'Endereço de Email muito curto ou vazio';
to_lng_mail = 'Too long email address';
incor = 'Endereço de Email incorreto';
mes_empt = 'Mensagem não preenchida';
to_lng_mes = 'Mensagem muito longa';

var error = formValidate(jQuery(".contact_form form"), {
error_message_show: true,
error_message_time: 5000,
error_message_class: "sc_infobox sc_infobox_style_error",
error_fields_class: "error_fields_class",
exit_after_first_error: false,
rules: [
{
field: "username",
min_length: { value: 1, message: empt },
max_length: { value: 160, message: to_lng}
},
{
field: "email",
min_length: { value: 7, message: empt_mail },
max_length: { value: 60, message: to_lng_mail},
mask: { value: "^([a-z0-9_\\-]+\\\.)*[a-z0-9_\\\-]

+@[a-z0-9_\\-]+(\\\.[a-z0-9_\\-]+)*\\\.[a-z]{2,6}$", message: incor}
},
{
field: "message",
min_length: { value: 1, message: mes_empt },
max_length: { value: 200, message: to_lng_mes}
}
]
});
if (!error) {
var user_name = jQuery(".contact_form #contact_form_username").val();
var user_email = jQuery(".contact_form #contact_form_email").val();
var user_site = jQuery(".contact_form #contact_form_site").val();
var user_msg = jQuery(".contact_form #contact_form_message").val();
var data = {
action: "submit_contact_form",
user_name: user_name,
user_email: user_email,
user_site: user_site,
user_msg: user_msg
};
jQuery.post("assets/sendmail.php", data, userSubmitFormResponse, "text");
}
}

function userSubmitFormResponse(response) {
var rez = JSON.parse(response);
jQuery(".contact_form .result")
.toggleClass("sc_infobox_style_error", false)
.toggleClass("sc_infobox_style_success", false);
if (rez.error == "") {
jQuery(".contact_form .result").addClass("sc_infobox_style_success").html

("Sua mensagem foi enviada!");
setTimeout("jQuery(\'.contact_form .result\').fadeOut();

jQuery(\'.contact_form form\').get(0).reset();", 3000);
} else {
jQuery(".contact_form .result").addClass("sc_infobox_style_error").html

("Mensagem não enviada!" + rez.error);
}
jQuery(".contact_form .result").fadeIn();
}
</script>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.