Skip to content

jQuery ile Bir Formu Temizleme

Merhaba,

Oluşturduğunuz formun sonuna Gönder ve Sıfırla şeklinde iki buton koydunuz. Sıfırla butonuna bastığınızda ise bazı form alanlarınızın içeriğinin değişmesini istemiyor olabilirsiniz. Bunun için aşağıdaki koddan faydalanabilirsiniz. Satır satır ne yaptığımızı açıkladım. Anlaşılır olduğunu düşünüyorum. Buyrun:

$(':input','#formid')  
    .not(':hidden') // Burada temizlenmesini istemediğiniz alanları belirtiyorsunuz. Ben hidden yaptım  
    .val('') // Burada alanlarınızın value="" kısmını boşaltıyoruz. İsterseniz değiştirebilirsiniz.  
    .removeAttr('checked') // Checkbox'ları temizliyoruz  
    .removeAttr('selected'); // select ile seçtiğimiz option'ı sıfırladık

İşte bitti.. Bu kadar basitmiş jQuery ile form alanlarını temizlemek. Hemde ekstra bir kaç özellik ile beraber.

Kolay gelsin,

TR Kodlama GitHub'da!

TR Kodlama'da yer alan makaleleri GitHub üzerinden düzenleyebileceğinizi biliyor muyudunuz? Harika değil mi? Bu makale ile ilgili düzenleme yapmak isterseniz aşağıdaki butona tıklayınız!

GitHub'da Görüntüle ve Düzenle!
  • a

    bunu bir fonksiyona gömsek?

  • ibrahim

    Merhaba Hocam
    Hocam formu post ettikten sonra forma girilen değerleri nasıl temizleriz bu konuda yardımcı olabilirmisiniz.

  • $('#formid').submit(function(){ /* bu araya yukarıdaki kodları ekle */  })

    Bu şekilde bu sorunu rahatlıkla çözebilirsiniz