abilitare/disabilitare tasto submit

**soundforgers** · 11-04-2008, 15:21

salve a tutti.
in una pagina avrei una serie di nominativi da far compilare in degli <input type="text"..>
al mio utente.
e vorrei che in fondo ci fosse il tasto submit che si attivi solo quando tutti questi campi sono stati riempiti.
c'è qualcuno che può aiutarmi arealizzare una cosa del genere?
sono in alto mare... cn javascript non ci vado d'accordo!!!!

**homezappa** · 11-04-2008, 16:31

Per 5 campi, utilizzando una maschera a bit:

Codice PHP:


<html>

<head>

<title>Test</title>

<script type="text/javascript">

var controllo = 0; 

var completo = 1 | 2 | 4 | 8 | 16;

function controlla(oggetto, numero) {

    if (oggetto.value != "") 

        controllo |= numero;

    else if (controllo & numero)

        controllo ^= numero;

    if (controllo == completo)

        document.getElementById("invia").disabled = false;

    else

        document.getElementById("invia").disabled = true;

}

</script>

</head>

<body>

<form name="miaform">

<input type="text" name="nome" onkeyup="controlla(this,1)" />


<input type="text" name="cognome" onkeyup="controlla(this,2)" />


<input type="text" name="indirizzo" onkeyup="controlla(this,4)" />


<input type="text" name="cap" onkeyup="controlla(this,8)" />


<input type="text" name="citta" onkeyup="controlla(this,16)" />


<input type="submit" id ="invia" name="invia" value="Invia" disabled="disabled" />

</form>

</body>

</html>

HTH
Zappa

**soundforgers** · 11-04-2008, 16:33

ti ringrazio tantissimo ma ho appena risolto dopo averci sbattuto un po la testa con questo script... solo un po adattato al codice asp:

codice:

<html> 
<head> 
<SCRIPT LANGUAGE="JavaScript"> 
function mod() { 
	if (document.getElementById('name').value != ''){
		display_block();
	}
	else{
		hide_block();
	}
}
function display_block() {
		document.getElementById('asd').style.display = "block";
}
function hide_block() {
	document.getElementById('asd').style.display = "none";
}

</SCRIPT> 
</head> 
<body> 
<form> 
<input type="text" id="name" name="nome" onkeyup="javascript:mod();">

<table id="elemento1"> 
<tr> 
<td> 
<div id="asd" style="display:none">
<input type="submit" value="Invia" /> 
</div>
</td> 
<tr> 
<table> 
</form> 
</body> 
</html>

Discussione: abilitare/disabilitare tasto submit

Strumenti discussione

Ricerca discussione

Visualizza

abilitare/disabilitare tasto submit

Permessi di invio