Formular - hide "Senden" Button

[ildottore]

Hallo!

Ich hab ein Formular erstellt, welches kurz vor der Vollendung ist.

Das Formular beinhaltet Textfelder und ein paar Radiobuttons - nicht weiter schlimm.

Nun würde ich gerne umsetzen, dass der "Senden" Button erst dann erscheint, wenn alle Felder ausgefüllt sind.

Ich hab schon einiges probiert wie:

Abfrage auf die Felder: Wenn Textfeld 1 leer ist oder Textfeld 2 leer ist oder ... ) meineVariable=1;

if (meineVariable == 1) {


document.form1.sent.style.visibility = "hidden";
}

else {


document.form1.sent.style.visibility = "visible";

}


Aber alle meine Versuche habne nicht gefruchtet.



Hat jemand einen Rat?

 

[tombe]

So vielleicht:

<script language="javascript" type="text/javascript">
function pruefe() {

for ($a = 1; $a <= 3; $a++) {
	if (document.getElementById("feld" + $a).value == "") {
		document.getElementById("send").style.visibility = "hidden";
		return;
	}
}

document.getElementById("send").style.visibility = "visible";

}
</script>
<form name="formular" action="test.php" method="post">
Pflichtfeld 1 <input type="text" name="feld1" id="feld1" value="" size="20" maxlength="50" onchange="pruefe();"/>
<br />
Pflichtfeld 2 <input type="text" name="feld2" id="feld2" value="" size="20" maxlength="50" onchange="pruefe();"/>
<br />
Pflichtfeld 3 <input type="text" name="feld3" id="feld3" value="" size="20" maxlength="50" onchange="pruefe();"/>
<br />
<input type="Submit" name="send" value="Save" style="visibility: hidden;"/>
</form>