Bagaimana Mendayakan/Lumpuhkan Butang Hantar secara Dinamik dalam jQuery?

Melumpuhkan dan Mendayakan Butang Hantar dengan jQuery

Apabila bekerja dengan borang, selalunya wajar untuk melumpuhkan butang serah sehingga syarat tertentu dipenuhi. Dalam kes ini, anda ingin melumpuhkan butang serah apabila medan teks kosong dan dayakannya apabila medan teks mengandungi nilai.

Kod yang disediakan tidak berfungsi dengan betul kerana peristiwa perubahan tidak dicetuskan setiap masa kekunci ditekan. Sebaliknya, acara keyup disyorkan untuk senario ini.

Berikut ialah penyelesaian yang dioptimumkan:

$(document).ready(function() {
    $(':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);
        }
    });
});

Penyelesaian ini menggunakan acara keyup, yang menangkap ketukan kekunci semasa ia berlaku. Apabila medan teks kosong (iaitu, nilai adalah rentetan kosong), butang hantar kekal dilumpuhkan. Walau bagaimanapun, sebaik sahaja aksara dimasukkan, butang hantar akan didayakan. Jika medan menjadi kosong semula, butang serah dilumpuhkan semula.

Atas ialah kandungan terperinci Bagaimana Mendayakan/Lumpuhkan Butang Hantar secara Dinamik dalam jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!