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

$(document).ready(function() {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><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!