Buongiorno,
ho un problema con il mio form! in pratica vorrei che la compilazione del form arrivasse sulla mia email (questo passaggio) e non saprei come aggiungere un messaggio del tipo: "La ringraziamo, la risponderemo al più presto". In basso vi lascio i codici del form.. spero mi riuscite ad aiutare. Sono proprio imbranato sui form! Grazie
Vi ringrazio molto! Spero riuscite ad aiutarmi!!
il sito web l'ho scaricato da internet. questo è il form -->
ho un problema con il mio form! in pratica vorrei che la compilazione del form arrivasse sulla mia email (questo passaggio) e non saprei come aggiungere un messaggio del tipo: "La ringraziamo, la risponderemo al più presto". In basso vi lascio i codici del form.. spero mi riuscite ad aiutare. Sono proprio imbranato sui form! Grazie
Codice:
<div id="book">
<form role="form" method="post" action="assets/booking.php" id="check_avail" autocomplete="off">
<div class=" row">
<div class="col-md-3 col-sm-3 first-nogutter dates" id="jrange">
<input type="text" class=" form-control datepicker" id="check_in" name="check_in" placeholder="Data di arrivo e partenza">
<div class="ll-skin-latoja"></div>
<span class="input-icon"><i class=" icon-calendar"></i></span>
</div>
<div class="col-md-2 col-sm-2 nogutter">
<div class="styled-select">
<select class="form-control " name="room_type" id="room_type">
<option value="" selected="">Tipologia villetta
<option value="Single Room">Villetta da 4 posti letto
<option value="Double Room">Villetta da 6 posti letto
</select>
</div>
</div>
<div class="col-md-3 col-sm-3 nogutter">
<input type="text" class=" form-control" id="email" name="email" placeholder="Email">
<span class="input-icon"><i class="icon-mail-3"></i></span>
</div>
<div class="col-md-4 col-sm-4 nogutter">
<div class="qty-buttons">
<input type="button" value="+" class="qtyplus" name="quantity">
<input type="text" name="quantity" id="quantity" value="" class="qty form-control required" placeholder="Numero adulti">
<input type="button" value="-" class="qtyminus" name="quantity">
</div>
<div class="qty-buttons margin">
<input type="button" value="+" class="qtyplus" name="child">
<input type="text" name="child" id="child" value="" class="qty form-control required" placeholder="Numero bambini">
<input type="button" value="-" class="qtyminus" name="child">
</div>
</div>
<button type="submit" class="btn-check" id="submit-check">BOOK NOW</button>
</div>
</form>
<div id="message-booking"></div>
</div><!-- End book -->
Codice:
/* <![CDATA[ */
// Jquery validate form contact
jQuery(document).ready(function(){
$('#check_avail').submit(function(){
var action = $(this).attr('action');
$("#message-booking").slideUp(750,function() {
$('#message-booking').hide();
$('#submit-check')
.after(' <i class="icon-spin3 animate-spin loader"></i>')
.attr('disabled','disabled');
$.post(action, {
check_in: $('#check_in').val(),
room_type: $('#room_type').val(),
email: $('#email').val(),
quantity: $('#quantity').val(),
child: $('#child').val()
},
function(data){
document.getElementById('message-booking').innerHTML = data;
$('#message-booking').slideDown('slow');
$('#check_avail .loader').fadeOut('slow',function(){$(this).remove()});
$('#submit-check').removeAttr('disabled');
if(data.match('success') != null) $('#check_avail').slideUp('slow');
}
);
});
return false;
});
});
/* ]]> */
Vi ringrazio molto! Spero riuscite ad aiutarmi!!
il sito web l'ho scaricato da internet. questo è il form -->
