Bagaimana untuk Melumpuhkan dan Mendayakan Butang Hantar Berdasarkan Input Medan Teks dalam jQuery?

Melumpuhkan dan Mendayakan Butang Hantar dalam jQuery Berdasarkan Input Medan Teks

Memahami Isu:

Anda mahu mengawal keadaan didayakan/dilumpuhkan butang hantar berdasarkan kandungan medan teks. Cabaran timbul apabila medan teks menjadi kosong semula, memerlukan butang serah dilumpuhkan semula.

Penyelesaian:

Pada mulanya, tetapkan atribut yang dilumpuhkan bagi butang hantar:

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

Seterusnya, kendalikan acara keyup medan teks untuk memantau kandungannya:

$('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);
  }
});

Dengan pendekatan ini, anda boleh melumpuhkan dan mendayakan butang serah secara dinamik mengenai kehadiran input dalam medan teks.

Atas ialah kandungan terperinci Bagaimana untuk Melumpuhkan dan Mendayakan Butang Hantar Berdasarkan Input Medan Teks dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!