/ / jQuery UI Alle Submit-Schaltflächen auf der gesamten Seite deaktivieren - php, jquery, html, forms, jquery-ui

jQuery UI Deaktivieren Sie alle Submit-Schaltflächen auf der gesamten Seite - PHP, Jquery, HTML, Formulare, Jquery-Ui

Vielen Dank für Ihre Hilfe im Voraus.

Bitte beachten Sie, dass ich die jQuery-Benutzeroberfläche zum Erstellen / Stil von Schaltflächen verwende.

Wenn ein Benutzer auf eine Übermittlungsschaltfläche klickt, möchte ich jQuery verwenden, um alle Übermittlungsschaltflächen auf allen Formularen auf der gesamten Seite zu deaktivieren.

Hier ist, was ich bisher habe, im Moment deaktiviert es nur die Schaltfläche, die angeklickt wurde, wenn ich will, dass es alle Senden-Buttons auf der Seite deaktiviert.

Für die jQuery-Benutzeroberfläche:

<script>
$(function() {
$( ".button" )
.button()
});
</script>

Zum Deaktivieren von Schaltflächen:

 <script>
$(function() {
$(".button").button().click(function() {
$(this).button("disable");
$(this).closest("form").submit();
return false;
});
$("input:submit").button("enable");
});
</script>

Die Übergabeschaltflächen / Formulare sehen folgendermaßen aus:

<form enctype="multipart/form-data" action="characters.php" method="post">
<input id="c_xp" class="text" type="text" value="150001" name="c_xp">
<input id="go" class="button ui-button ui-widget ui-state-default ui-corner-all" type="submit" value="Go" role="button" aria-disabled="false">
</form>

Antworten:

1 für die Antwort № 1

Mach das :

<script>
$(function() {
$(".button").click(function() {
$("input[type="submit"]).button("disable");
$(this).closest("form").submit();
return false;
});
$("input:submit").button("enable");
});
</script>

Sie können eine beliebige Aussage machen.

$("input[type="submit"]").button("disable");
OR
$("input[type="submit"]").attr("disabled","disabled");

0 für die Antwort № 2

Hier ist eine Funktion, die alle Tasten deaktivieren würde.

function disableButtons() {
$("input[type=button], input[type=submit]").attr("disabled", "disabled")
}

0 für die Antwort № 3

Ihr Code sollte folgendermaßen aussehen:

<script>
$(function() {
$(".button").button()(function() {
$("input[type=button], input[type=submit]").attr("disabled", "disabled")
$(this).closest("form").submit();
return false;
});
});
</script>

0 für die Antwort № 4

Dieser Code macht alle Schaltflächen mit einer Klasse .button behindert

$( ".button" ).click(function() {
$( ".button" ).button({ disabled: true });
});

und hier ist ein Geige


0 für die Antwort № 5

Ich habe die Lösung gefunden und unseren Deaktivierungscode folgendermaßen geändert:

<script>
$(function() {
$(".button").button().click(function() {
$(".button").button("disable");
$(this).closest("form").submit();
return false;
});
$("input:submit").button("enable");
});
</script>

Hat den Trick gemacht.