Wie kann ich eine Senden-Schaltfläche in jQuery dynamisch aktivieren/deaktivieren?

Senden-Schaltflächen mit jQuery deaktivieren und aktivieren

Bei der Arbeit mit Formularen ist es oft wünschenswert, die Senden-Schaltfläche zu deaktivieren, bis bestimmte Bedingungen erfüllt sind. In diesem Fall möchten Sie die Schaltfläche „Senden“ deaktivieren, wenn das Textfeld leer ist, und sie aktivieren, wenn das Textfeld einen Wert enthält.

Der bereitgestellte Code funktioniert nicht ordnungsgemäß, da das Änderungsereignis nicht jedes Mal ausgelöst wird wie oft eine Taste gedrückt wird. Stattdessen wird für dieses Szenario das Keyup-Ereignis empfohlen.

Hier ist eine optimierte Lösung:

$(document).ready(function() {
    $(':input[type="submit"]').prop('disabled', true);
    $('input[type="text"]').keyup(function() {
        if($(this).val() != '') {
            $(':input[type="submit"]').prop('disabled', false);
        } else {
            $(':input[type="submit"]').prop('disabled', true);
        }
    });
});

Diese Lösung nutzt das Keyup-Ereignis, das Tastenanschläge erfasst, sobald sie auftreten. Wenn das Textfeld leer ist (d. h. der Wert ist eine leere Zeichenfolge), bleibt die Schaltfläche „Senden“ deaktiviert. Sobald jedoch ein Zeichen eingegeben wird, wird die Schaltfläche „Senden“ aktiviert. Wenn das Feld wieder leer wird, wird die Schaltfläche „Senden“ wieder deaktiviert.

Das obige ist der detaillierte Inhalt vonWie kann ich eine Senden-Schaltfläche in jQuery dynamisch aktivieren/deaktivieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!