Last active
September 1, 2020 02:29
-
-
Save miukimiu/5065565 to your computer and use it in GitHub Desktop.
Validação em jQuery de um formulário simples. Envio do formulário em ajax. No fim o formulário desaparece em jQuery e aparece uma div de agradecimento.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//Este o código é para enviar em ajax e os erros do formulário aparecem em labels debaixo de cada input | |
$(function() { | |
$('.error').hide(); | |
$("#reservas .button").click(function() { | |
var name = $("#name").val(); | |
if (name == "") { | |
$("label#name_error").show(); | |
$("input#name").focus(); | |
return false; | |
} | |
var email = $("#email").val(); | |
if (email == "") { | |
$("#email_error").show(); | |
$("input#email").focus(); | |
return false; | |
} | |
var phone = $("#phone").val(); | |
if (phone == "") { | |
$("label#phone_error").show(); | |
$("input#phone").focus(); | |
return false; | |
} | |
var comentarios = $("#comentarios").val(); | |
var date = $("#date").val(); | |
var horario = $("#horario").val(); | |
var adultos = $("#adultos").val(); | |
var criancas = $("#criancas").val(); | |
var rest_name = $("#rest_name").val(); | |
var dataString = 'name='+ name + '&email=' + email + '&date=' + date + '&horario=' + horario + '&adultos=' + adultos + '&criancas=' + criancas + '&rest_name=' + rest_name + '&phone=' + phone + '&comentarios=' + comentarios; | |
//quando o formulário é enviado é criada uma div a dizer que a reserva foi enviada e o formulário desaparece. | |
$.ajax({ | |
type: "POST", | |
url: "send_contact.php", | |
data: dataString, | |
success: function() { | |
$('#contact_form').html("<div id='message'></div>"); | |
$('#message').html("<h2>A sua reserva foi enviada!</h2>") | |
.append("<p>Confirme o email com os dados da reserva.</p>") | |
.hide() | |
.fadeIn(1500, function() { | |
$('#message').append("<img id='checkmark' src='images/check.png' />"); | |
}); | |
} | |
}); | |
return false; | |
}); | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment