Bagaimana untuk Melumpuhkan dan Mendayakan Butang Hantar dengan jQuery Berdasarkan Nilai Medan Teks?

Melumpuhkan dan Mendayakan Butang Hantar dengan jQuery

Untuk mengawal keadaan didayakan/dilumpuhkan butang hantar berdasarkan nilai medan teks, jQuery berikut kod boleh dilaksanakan:

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

Salin selepas log masuk

});

Kod ini mencapai perkara berikut:

• Menyahdayakan butang serah pada mulanya.
• Mendengar acara keyup dalam medan teks.
• Apabila kunci dikeluarkan dalam medan teks, semak jika nilainya tidak kosong.
• Jika medan teks tidak kosong, dayakan butang serah.
• Jika medan teks kosong, lumpuhkan butang serah.

Akibatnya, butang hantar kekal dilumpuhkan sehingga medan teks mengandungi nilai. Sebaik sahaja nilai dimasukkan, butang hantar didayakan, membolehkan borang diserahkan. Jika nilai dalam medan teks kemudiannya dipadamkan, butang serah akan dilumpuhkan sekali lagi, menghalang penyerahan borang.

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