onkeyup funziona solo su un campo

**Ht28** · 07-09-2012, 07:41

Questi 2 campi obbligatori fanno uscire l'alert se il campo è vuoto e clicco Invia.

Il problema è che se dopo l'alert digito nel campo Nome, l'alert scatta al campo Messaggio

Codice PHP:


<script>

function controllaG() {

var f = document.forms.mioformG;

//.value == "" rende il campo obbligatorio, anche lo spazio bianco iniziale fa uscire l'alert

if(f.nome.value == "") { 

document.getElementById('nomex').innerHTML = "Inserire il Nome";

f.nome.focus();

return false;

}

else {

document.getElementById('nomex').innerHTML = "";

}

//(Campo obbligatorio)

if(f.messaggio.value == "") { 

document.getElementById('messaggiox').innerHTML = "Inserire il Messaggio";

f.messaggio.focus();

return false;

}

else {

document.getElementById('messaggiox').innerHTML = "";

}

return true;

}

</script>





</head>



<body> 

        

<form method="post" name="mioformG" id="mioF" action="ins.php" onsubmit="return(controllaG());">

NOME * <input  type="text" name="nome" onkeyup="controllaG()" /><span id="nomex"></span>







MESSAGGIO *<input type="text" name="messaggio" onkeyup="controllaG()" /><span id="messaggiox"></span>

 


<button type="submit" name="send" id="submit">Invia</button>   

  

  </form>

**br1** · 07-09-2012, 08:44

Sei tu che dopo l'esame del primo campo esci in caso di errore senza esaminare il secondo...

metti il risultato in una variabile e trasmettila solo alla fine:

codice:

function controllaG() { 
	var f = document.forms.mioformG; 
	var rv = true;

	document.getElementById('nomex').innerHTML = ""; 
	document.getElementById('messaggiox').innerHTML = ""; 

	if(f.nome.value == "") {  
		document.getElementById('nomex').innerHTML = "Inserire il Nome"; 
		f.nome.focus(); 
		rv = false; 
	} 

	if(f.messaggio.value == "") {  
		document.getElementById('messaggiox').innerHTML = "Inserire il Messaggio"; 
		f.messaggio.focus(); 
		rv = false; 
	} 

	return rv; 
}

ps: abituati ad indentare il codice: lo capisci meglio tu ed anche noi...

**Ht28** · 07-09-2012, 08:58

Che vuol dire indentare?

Non riesco a farlo funzionare, forse è questa parte che non è corretta

Codice PHP:


<form method="post" name="mioformG" id="mioF" action="ins.php" onsubmit="return(controllaG));">

NOME * <input  type="text" name="nome" onkeyup="controllaG()" /><span id="nomex"></span>







MESSAGGIO *<input type="text" name="messaggio" onkeyup="controllaG()" /><span id="messaggiox"></span>

 


<button type="submit" name="send" id="submit">Invia</button>

Io sono riuscito a farlo funzionare con questo, che dici qual'è quello che va meglio?

Codice PHP:


function contaNome() {

var f = document.forms.mioformG;

//.value == "" rende il campo obbligatorio, anche lo spazio bianco iniziale fa uscire l'alert

if(f.nome.value == "") { 

document.getElementById('nomex').innerHTML = "Inserire il Nome";

f.nome.focus();

return false;

}

else {

document.getElementById('nomex').innerHTML = "";

}

return true;

}

//(Campo obbligatorio)

function contaMessaggio() {

var f = document.forms.mioformG;

if(f.messaggio.value == "") { 

document.getElementById('messaggiox').innerHTML = "Inserire il Messaggio";

f.messaggio.focus();

return false;

}

else {

document.getElementById('messaggiox').innerHTML = "";

}

return true;

}

**br1** · 07-09-2012, 09:52

Senti, fai quello che ritieni piu' opportuno, io la mia buona volonta' ce l'ho messa tutta

**Ht28** · 07-09-2012, 10:00

Originariamente inviato da br1
Senti, fai quello che ritieni piu' opportuno, io la mia buona volonta' ce l'ho messa tutta

Devi metterti nei panni anche di chi sa poco, se non mi spieghi...

**Vindav** · 07-09-2012, 10:02

http://it.wikipedia.org/wiki/Indentazione

**Ht28** · 07-09-2012, 11:20

Originariamente inviato da Vindav
http://it.wikipedia.org/wiki/Indentazione

Ho visto, il form sembra a posto, se vuoi controllare Sito

Cè ancora una cosa che non so aggiustare: quando digito una mail o un url sbagliati nei rispettivi campi, esce l'alert, però se dopo li scrivo giusti l'alert non va via coma fanno gli altri campi, va via se clicco su invia.

**Vindav** · 07-09-2012, 12:03

c'è qualche errore nelle funzioni che vengono richiamate al onkeyup, nel metodo che controlla la mail per esempio devi aggiungere l'else:

codice:

function emailCampoG() {
var f = document.forms.mioformG;
if (f.suoemail.value.length != 0) { 
var reg = new RegExp("^((.*)[@](.*)[.][a-z]{2,6})$");                                  
if (!f.suoemail.value.match(reg)) { 
f.suoemail.style.borderColor='black'                                                                                                     
f.suoemail.style.backgroundColor='#d8ecff'
document.getElementById('emailx1').innerHTML = "Inserire una Mail valida";
f.suoemail.focus();
return false;
}else{
document.getElementById('emailx1').innerHTML = "";
}  
} else {
document.getElementById('emailx1').innerHTML = "";
}
return true;
}

p.s. non chiamare i messaggi di avviso 'alert', perche non lo sono confondi solo le idee

**cavicchiandrea** · 07-09-2012, 12:06

Originariamente inviato da Ht28
Devi metterti nei panni anche di chi sa poco, se non mi spieghi...

Devi metterti nei panni del forum, se non ti applichi studiano il javascript, ma continuando ad usare il forum tipo help-desk è ovvio che alla lunga la gente si scoraggia e ti "abbandona"

Auguri.

**Ht28** · 07-09-2012, 12:09

Originariamente inviato da Vindav
c'è qualche errore nelle funzioni che vengono richiamate al onkeyup, nel metodo che controlla la mail per esempio devi aggiungere l'else:

codice:

function emailCampoG() {
var f = document.forms.mioformG;
if (f.suoemail.value.length != 0) { 
var reg = new RegExp("^((.*)[@](.*)[.][a-z]{2,6})$");                                  
if (!f.suoemail.value.match(reg)) { 
f.suoemail.style.borderColor='black'                                                                                                     
f.suoemail.style.backgroundColor='#d8ecff'
document.getElementById('emailx1').innerHTML = "Inserire una Mail valida";
f.suoemail.focus();
return false;
}else{
document.getElementById('emailx1').innerHTML = "";
}  
} else {
document.getElementById('emailx1').innerHTML = "";
}
return true;
}

p.s. non chiamare i messaggi di avviso 'alert', perche non lo sono confondi solo le idee

Gi devo mettere è else?

Discussione: onkeyup funziona solo su un campo

Strumenti discussione

Ricerca discussione

Visualizza

onkeyup funziona solo su un campo

Permessi di invio