Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Melumpuhkan dan Mendayakan Butang Hantar dengan jQuery Berdasarkan Nilai Medan Teks?

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

Barbara Streisand
Lepaskan: 2024-11-06 21:57:02
asal
421 orang telah melayarinya

How to Disable and Enable Submit Buttons with jQuery Based on Text Field Value?

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Cadangan popular
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan