Wie deaktiviere und aktiviere ich eine Senden-Schaltfläche basierend auf der Textfeldeingabe in jQuery?

Senden-Schaltfläche in jQuery basierend auf Textfeldeingaben deaktivieren und aktivieren

Das Problem verstehen:

Sie möchten steuern der aktivierte/deaktivierte Status einer Senden-Schaltfläche basierend auf dem Inhalt eines Textfelds. Die Herausforderung entsteht, wenn das Textfeld wieder leer wird und die Schaltfläche „Senden“ erneut deaktiviert werden muss.

Die Lösung:

Legen Sie zunächst das Attribut „disabled“ fest Schaltfläche „Senden“:

$(document).ready(function() {
  $(':input[type="submit"]').prop('disabled', true);
});

Verarbeiten Sie als Nächstes das Keyup-Ereignis des Textfelds, um seinen Inhalt zu überwachen:

$('input[type="text"]').keyup(function() {
  var text = $(this).val();

  // If the text field is not empty, enable the submit button.
  if (text != '') {
    $(':input[type="submit"]').prop('disabled', false);
  }

  // If the text field becomes empty, disable the submit button.
  else {
    $(':input[type="submit"]').prop('disabled', true);
  }
});

Mit diesem Ansatz können Sie die Schaltfläche „Senden“ dynamisch deaktivieren und aktivieren über das Vorhandensein einer Eingabe im Textfeld.

Das obige ist der detaillierte Inhalt vonWie deaktiviere und aktiviere ich eine Senden-Schaltfläche basierend auf der Textfeldeingabe in jQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!