Formulário de contato
Bom estou fazendo um site e estou com problema em fazer uma pagina
a contact.php códigos das paginas
index.php
<form method="post" id="form_contact" name="form_contact">
<span class="i1"><input type="text" name="nome" id="nome" value="Seu nome," /></span>
<span class="i2"><input type="text" name="email" id="email" value="e-mail," /></span>
<span class="i3"><input type="text" name="telefone" id="telefone" class="tel_contato" value="telefone (se desejar)" /></span>
<span class="i4"><textarea cols="10" rows="5" name="mensagem" id="mensagem">Sua mensagem...</textarea></span>
<input class="bt" type="submit" value="Enviar">
</form>
<div class="success" style="display:none">Mensagem enviada com sucesso.</div>
duff.js
function ajaxSubmitForm(){
$.post("contact.php",{
nome: $("#nome").val(),
email: $("#email").val(),
telefone: $("#telefone").val(),
mensagem: $("#mensagem").val()
},
function(data) {
$(".success").fadeIn('slow').delay(1000).fadeOut('slow');
$("#nome").val("Seu nome,");
$("#email").val("e-mail,");
$("#telefone").val("telefone (se desejar)");
$("#mensagem").val("Sua mensagem...");
});
}
$(function(){
//Rolagem
$('#menu ul li').click(function(){
var index = $(this).attr('class');
$('html, body').animate({
scrollTop: $('#'+index).offset().top - 50
}, 1000);
if(index == 'header'){
window.history.replaceState("Duff - ", "", "/");
}else{
window.history.replaceState("Duff - ", "", "/#"+index);
}
});
$('a#fale_conosco').click(function(){
var index = "contato";
$('html, body').animate({
scrollTop: $('#'+index).offset().top - 50
}, 1000);
window.history.replaceState("Duff - ", "", "/#"+index);
});
//form clear
var txt;
$('#contato .blocos .l input, #contato .blocos .l textarea').focus(function(){
txt = $(this).val();
if(txt == 'Seu nome,' || txt == 'e-mail,' || txt == 'telefone (se desejar)' || txt == 'Sua mensagem...'){
$(this).val('');
}
if(txt == 'telefone (se desejar)'){
$(".tel_contato").unmask();
$(".tel_contato").mask("(99) 9999-9999");
}
}).blur(function(){
if($(this).val() == ''){
$(this).val(txt);
}
});
$('#form_contact').validate({
submitHandler: function(form) {
ajaxSubmitForm();
},
rules:{
nome:{
required: true,
minlength: 2,
diferenteDe: "Seu nome,"
},
email:{
required: true,
email: true,
diferenteDe: "e-mail,"
},
mensagem:{
required: true,
minlength: 10,
diferenteDe: "Sua mensagem..."
}
},
messages:{
nome:{
required: "É preciso colocar o seu nome.",
minlength: "O campo nome deve conter no mÃnimo 2 caracteres.",
diferenteDe: "É preciso colocar o seu nome."
},
email:{
required: "É preciso colocar algum email de contato.",
email: "É necessário colocar um e-mail válido.",
diferenteDe: "É preciso colocar algum email de contato."
},
mensagem:{
required: "É preciso escrever a mensagem.",
minlength: "O campo nome deve conter no mÃnimo 10 caracteres.",
diferenteDe: "É preciso escrever a mensagem."
}
}
});
$("a#trampos-link").fancybox({
'width':410,
'height':250,
'titleShow':false
});
$(".success-trampo").fadeIn('Slow').delay(4000).fadeOut('slow');
});
//Bt Home
$(window).scroll(function(){
if($(window).scrollTop() > 1000){
$('#menu ul li.header').show();
}else{
$('#menu ul li.header').hide();
}
});
//Diapo
$(window).load(function(){
$('.pix_diapo').diapo({
fx: 'simpleFade',
rows:2,
cols:4,
navigation: false,
commands: false,
gridDifference: 20,
thumbs: false,
loaderColor: '#111111',
loaderBgColor: '#eeeeee',
pauseOnClick: false,
pieStroke: 3,
barStroke: 5,
piePosition: 'bottom:10px;left:50%;margin-left:-15px;',
pieDiameter: 30,
time: 7000, //exibiçao do slide pronto
transPeriod: 1500 //tempo da entrada
});
});
contact.php
A pagina contact.php não sei como fazer ela como mandar as messages via e-mail se puder alguém desenvolver uma para min agradeço muito ou me ajudar a fazer.
Att,
Nicolas Pastorello
Discussão (2)
Carregando comentários...