Wie deaktiviere und aktiviere ich Sendeschaltflächen mit jQuery basierend auf dem Textfeldwert?

Senden-Schaltflächen mit jQuery deaktivieren und aktivieren

Um den aktivierten/deaktivierten Status einer Senden-Schaltfläche basierend auf dem Wert eines Textfelds zu steuern, wird die folgende jQuery verwendet Code kann implementiert werden:

$(document).ready(function() {</p>
<pre class="brush:php;toolbar:false"> $(':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);
    }
 });

});

Dieser Code bewirkt Folgendes:

• Deaktiviert zunächst die Schaltfläche „Senden“.
• Hört auf Tastenereignisse im Textfeld.
• Wenn eine Taste losgelassen wird prüft das Textfeld, ob sein Wert nicht leer ist.
• Wenn das Textfeld nicht leer ist, wird die Schaltfläche „Senden“ aktiviert.
• Wenn das Textfeld leer ist, wird die Schaltfläche „Senden“ deaktiviert.

Daher bleibt die Schaltfläche „Senden“ deaktiviert, bis das Textfeld einen Wert enthält. Sobald ein Wert eingegeben wurde, wird die Schaltfläche „Senden“ aktiviert, sodass das Formular gesendet werden kann. Wenn der Wert im Textfeld anschließend gelöscht wird, wird die Schaltfläche „Senden“ wieder deaktiviert und das Absenden des Formulars verhindert.

Das obige ist der detaillierte Inhalt vonWie deaktiviere und aktiviere ich Sendeschaltflächen mit jQuery basierend auf dem Textfeldwert?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!