HTML and CSS Reference
In-Depth Information
var button = docu-
ment.querySelector("input[type='submit']");
button.disabled = "";
for (var i=0; i<inputs.length; i++){
if (inputs[i].value == ""){
button.disabled = "disabled";
break;
}
}
}
</script>
</head>
<body>
<form action="">
<div>
<span>Username</span>
<input type="text" onchange="change" />
</div>
<div>
<span>Password</span>
<input type="password" onchange="change" />
</div>
<div>
<input type="submit" value="Login" disable-
d="disabled"/>
</div>
</form>
</body>
</html>
Nel codice HTML l'unica modifica che dobbiamo fare è quella di specificare il metodo da
chiamare quando i valori delle textbox cambiano ( onchange="change()" ). Nel codi-
ce JavaScript prima vengono recuperate le textbox e poi il pulsante. Successivamente, il
pulsante viene abilitato impostando la proprietà disabled a stringa vuota. Infine, viene
eseguito un ciclo sulle textbox per verificare che siano entrambe valorizzate (la proprietà
Search WWH ::




Custom Search