Sto tentando di disabilitare un pulsante di invio fino a quando l'utente ha compilato i campi di input nel modulo.disattiva pulsante di invio se gli input sono vuoti con jQuery
Ho trovato il thread THIS qui che ha avuto una risposta davvero buona. Ho solo un piccolo problema nel riattivare il pulsante di invio quando i campi sono compilati.
Qualcuno può dare un'occhiata a questa funzione e aiutarmi a capire cosa mi manca? Qualsiasi aiuto sarebbe molto apprezzato: D Grazie.
Heres a Fiddle anche
$(document).ready(function() {
var $submit = $("input[type=submit]");
if ($("input:empty").length > 0) {
$submit.attr("disabled","disabled");
} else {
$submit.removeAttr("disabled");
}
});
<form method="POST" action="<%=request.ServerVariables("SCRIPT_NAME")%>">
User Name: <input name="Username" type="text" size="14" maxlength="14" /><br />
Password: <input name="last_name" type="password" size="14" maxlength="14"><br />
<input type="submit" value="Login" name="Submit" id="loggy">
</form>
Grazie mille! funziona perfettamente: D è possibile modificare la sfocatura? quindi l'utente non deve fare clic lontano dagli input per poter rimuovere la disabilitazione? – xxstevenxo
@xxstevenxo yup, guarda il mio aggiornamento. puoi fare anche con keyup – thecodeparadox
, ho cambiato "blur" in "keypress" e ho ottenuto il risultato esatto che speravo. Grazie ancora per il tuo aiuto e la tua demo! : D – xxstevenxo