Problema con Form CSS

simo96

Nuovo Utente
4 Gen 2015
8
0
1
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

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 --> form.jpg
 
Non è un problema CSS devi chiedere nella sezione PHP
 

Discussioni simili