SORU
20 EKİM 2009, Salı


jQuery devre dışı bırak/etkinleştir düğmesini gönder

Bu html var:

<input type="text" name="textField" />
<input type="submit" value="send" />

Nasıl böyle bir şey yapabilirim:

  • Metin gönderme alanını devre dışı bırakılmalıdır boş olduğunda (=devre dışı"") devre dışı.
  • Bir metin alanı devre dışı öznitelik kaldırmak için yazıldığında.
  • Eğer metin alanı tekrar(metin silinir) boş olursa düğmesine tekrar devre dışı bırakılmalıdır gönderin.

Böyle bir şey denedim:

$(document).ready(function(){
    $('input[type="submit"]').attr('disabled','disabled');
    $('input[type="text"]').change(function(){
        if($(this).val != ''){
            $('input[type="submit"]').removeAttr('disabled');
        }
    });
});

... ama işe yaramıyor. Herhangi bir fikir? Teşekkürler.

CEVAP
20 EKİM 2009, Salı


Sorun değiştirme olayı odak giriş (örneğin, biri giriş tıklama ya da sekmeleri) taşındı sadece patlar. Yerine keyup kullanmayı deneyin:

$(document).ready(function() {
     $('input[type="submit"]').prop('disabled', true);
     $('input[type="text"]').keyup(function() {
        if($(this).val() != '') {
           $('input[type="submit"]').prop('disabled', false);
        }
     });
 });

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Juan Carlos Candela Bordera

    Juan Carlos

    4 Mart 2009
  • LiveForGodsKingdom

    LiveForGodsK

    6 NİSAN 2008
  • Chaîne de TheMoustic

    Chaîne de T

    5 Kasım 2006