validazione form con div tipo alert

gabjet

Nuovo Utente
17 Mag 2016
2
1
3
Ciao, sto costruendo un form
che mi apra dei popup tipo alert (ma più carini)
per chiedermi i dati dei campi non compilati.

premetto che non vorrei utilizzare il plugin alert ui.

questo codice funzione parzialmente:
se lascio un solo campo vuoto me lo chiede
e i dati passano correttamente;
ma se lascio due campi vuoti la prima volta mi chiede il dato
e lo inserisce correttamente, la seconda volta
inserisce il secondo dato su entrambi i campi vuoti.

di seguito allego il codice:

HTML:
<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252" />
<title>test</title>
<script type="text/javascript" src="script/jquery-2.2.3.min.js"></script>
<link href="stili/alert.css" rel="stylesheet" type="text/css" />
</head>

<body>

<?php
if ((isset($_POST['tavolo'])) && ($_POST['tavolo']<>'')){
	$tavolo=$_POST['tavolo'];
	$coperti=$_POST['coperti'];
	echo 'tavolo: '.$tavolo.'<br>
		  coperti: '.$coperti.'<br>';
}
?>

<form action="test_jquery.php" method="post" name="ordine" id="ordine">
<input class="piatto1" type="text"><input class="aggiungi1" type="button" value="+"><input class="sottrai1" type="button" value="-"><br>
<input class="piatto2" type="text"><input class="aggiungi2" type="button" value="+"><input class="sottrai2" type="button" value="-"><br>
<input class="piatto3" type="text"><input class="aggiungi3" type="button" value="+"><input class="sottrai3" type="button" value="-"><br>
<label>tavolo</label><input id="tavolo" class="piatto" name="tavolo" type="text" /><br>
<label>coperti</label><input id="coperti" class="piatto"  name="coperti" type="text" /><br>
<input class="conferma" type="submit" value="conferma">

<div class="avvisoTavolo">
<div class="testaAvviso"></div>
<input id="numManca" class="numManca" type="text" />
<input name="chiudi" class="chiudi" type="submit"/>
</div>

</form>

<script>
	$('#ordine').submit(function(){
			if ($('#tavolo').val()==''){
				$('.avvisoTavolo').css('display','block')
				$('#numManca').before($('#tavolo').attr('id')+'<br>');			
				numManca.focus(tavolo);
				
				$('.chiudi').click(function(campo){
					var numTavolo = $(numManca).val();
					var campo=$(this).attr('id');
					$('#tavolo').val(numTavolo);
					$('.avvisoTavolo').css('display','none');
				});
				
				$("#ordine").keypress(function(e) {
  					if (e.which == 13) {
					var numTavolo = $(numManca).val();
					var campo=$(this).attr('id');
					$('#tavolo').val(numTavolo);
					$('.avvisoTavolo').css('display','none');
				 	}
				});
				
				return false;
			}

			if ($('#coperti').val()==''){
				$('.avvisoTavolo').css('display','block')
				$('#numManca').before($('#coperti').attr('id')+'<br>');
				numManca.focus('coperti');
				
				$("#ordine").keypress(function(e) {
  					if (e.which == 13) {
					var numTavolo = $(numManca).val();
					var campo=$(this).attr('id');
					$('#coperti').val(numTavolo);
					$('.avvisoTavolo').css('display','none');
				 	}
				});
					
				$('.chiudi').click(function(campo){
					var numTavolo = $(numManca).val();
					var campo=$(this).attr('id');
					$('#coperti').val(numTavolo);
					$('.avvisoTavolo').css('display','none');
				});
				return false;
			}
		});
</script>

</body>
</html>

spero qualcuno possa aiutarmi

grazie
Gabjet
 
Discussioni simili
Autore Titolo Forum Risposte Data
S Form PHP e validazione con ritorno di parametro PHP 0
P problema validazione form con ajax e jquery Ajax 0
D Problema nella validazione di un form con JQUERY ed AjAX jQuery 4
G problema con plugin validazione form jquery jQuery 0
D Form validazione Javascript 2
E Validazione campi form passati da link Programmazione 0
Samuele Ronzani [PHP] Validazione e invio campi form. PHP 7
criric Validazione form php ajax Snippet PHP 4
D Come creare validazione form istantanea?? Javascript 1
N Validazione form e select dinamica Javascript 5
A funzione javascript per validazione form Javascript 3
A validazione form in pagina asp Javascript 1
MarcoGrazia Validazione remota tramite plugin (jquery validate) Snippet Javascript 0
A Mantenere la validazione reindirizzandoci su un secondo sito WEb. (ASP.NET) ASP.NET 0
K Come eliminare attributi regex per validazione con javascript Javascript 0
MarcoGrazia [Javascript] Regex per la validazione di un numero di telefono. Javascript 2
MarcoGrazia Validazione forum con jquery.validate jQuery 2
K [PHP] Validazione email e password PHP 1
I Libreria di validazione e sanitizzazione PHP 0
G Validazione indirizzo mail PHP 1
M Validazione documenti HTML5 HTML e CSS 0
asevenx validazione W3C con errore utf-8 HTML e CSS 3
P Campo select e validazione conjs Javascript 0
radioButton Problemi validazione con jQuery validation jQuery 0
novello88 Validazione modulo non funziona Javascript 1
C Css id univoco e validazione w3c HTML e CSS 1
radioButton validazione input tipo radio Javascript 2
H Problema validazione CAPTCHA PHP 20
P problemi di validazione asincronizzazione dati PHP 7
asevenx errore da risolvere per validazione W3C HTML e CSS 3
S Validazione W3C HTML e CSS 1
E Validazione dei caratteri di una stringa con preg_match PHP 0
D Validazione password javascript non fuziona Javascript 7
A Problema validazione w3c HTML e CSS 2
A Validazione w3c warnings HTML e CSS 1
A Problema di validazione W3C HTML e CSS 1
JellyBelly Strutturare un database di tipo questionario - gestione della validazione PHP 5
S Validazione xhtml (onload - embed) HTML e CSS 0
M Symfony2 validazione ajax PHP 0
S Validazione css lightbox2 HTML e CSS 4
S Validazione css lightbox2 CMS (Content Management System) 0
S Validazione javascript Javascript 28
C problema link con ul e li e validazione pagina HTML e CSS 6
M Livevalidation: applicare validazione solo se si sceglie una option di una select. Javascript 0
renoir09 wordpress, validazione, segno "&" WordPress 0
renoir09 wordpress e validazione WordPress 6
E Variabile Superglobale $_REQUEST e Validazione Input Forum Utente PHP 1
G validazione w3c del mio sito web HTML e CSS 3
F Validazione w3c con ip NON pubblico HTML e CSS 2
neo996sps Errore validazione su index PHP 2

Discussioni simili