lostyazilim
tr.link

Formda aktif pasif button

7 Mesajlar 2.444 Okunma
lstbozum
tr.link

aras20 aras20 WM Aracı Kullanıcı
  • Üyelik 29.11.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Web Tasarım
  • Konum Ağrı
  • Ad Soyad A** Ö**
  • Mesajlar 322
  • Beğeniler 14 / 44
  • Ticaret 5, (%100)
merhaba arkadaşlar aşağıda paylaştığım formda gönder butonunun pasif olup tüm kısımlar doldurulduktan sonra aktif olmasını istiyorum javascript ile nasıl yapabiliriz.

inputlar ve select ler boş bırakılamasın ve sadece id="xsayi" olan inputa 250-1000 arası bir değer girilebilsin girilmezse buton aktif olmasın istiyorum.

yardımlarınızı bekliyorum.





























 

 

wmaraci
reklam

LizGate LizGate Lizgate Kullanıcı
  • Üyelik 30.03.2019
  • Yaş/Cinsiyet 30 / E
  • Meslek Yazılımcı
  • Konum Muğla
  • Ad Soyad A** Y**
  • Mesajlar 93
  • Beğeniler 12 / 47
  • Ticaret 3, (%100)
Bu buton aktivitesi için olan kod

















Accept terms.









<script>
function on()
{
if(document.getElementById("name").value.length == 0)
document.getElementById("gonder").disabled = true;
else if(document.getElementById("surname").value.length == 0)
document.getElementById("gonder").disabled = true;
else if(document.getElementById("terms").checked == false)
document.getElementById("gonder").disabled = true;
else
document.getElementById("gonder").disabled = false;
}
</script>


 

 

LizGate LizGate Lizgate Kullanıcı
  • Üyelik 30.03.2019
  • Yaş/Cinsiyet 30 / E
  • Meslek Yazılımcı
  • Konum Muğla
  • Ad Soyad A** Y**
  • Mesajlar 93
  • Beğeniler 12 / 47
  • Ticaret 3, (%100)
Minimum-maximum için google'a " Javascript character maxlength,minlength" arama yaparak bulabilirsin, kaynaklarımda bulamadım.

Edit : Boş bırakmama istediklerine "required" eklemesi yapabilrsin.

ex:

 

 

aras20 aras20 WM Aracı Kullanıcı
  • Üyelik 29.11.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Web Tasarım
  • Konum Ağrı
  • Ad Soyad A** Ö**
  • Mesajlar 322
  • Beğeniler 14 / 44
  • Ticaret 5, (%100)

LizGate adlı üyeden alıntı

Minimum-maximum için google'a " Javascript character maxlength,minlength" arama yaparak bulabilirsin, kaynaklarımda bulamadım.

Edit : Boş bırakmama istediklerine "required" eklemesi yapabilrsin.

ex:




Ancak amacım form tam olarak doldurulduktan sonra gönder butonunun aktif olması required bunu tek basına sağlayamaz. Select lere bu buton pasif işemini nasıl uygulayabilirim. ve bahsettıgım ınputa mın250 max1000 degerı verebılırsem sorunumu cozuyorsunuz :)
 

 

wmaraci
wmaraci

LizGate LizGate Lizgate Kullanıcı
  • Üyelik 30.03.2019
  • Yaş/Cinsiyet 30 / E
  • Meslek Yazılımcı
  • Konum Muğla
  • Ad Soyad A** Y**
  • Mesajlar 93
  • Beğeniler 12 / 47
  • Ticaret 3, (%100)
Hocam attığım ilk yorumda zaten aktif pasifin cevabı var. Required sadece doldurmak zorundasınız uyarısı vermesi için. Min-Max olayınıda nasıl araştırmanız gerektiğini belirtmişim 2. yorumda
 

 

aras20 aras20 WM Aracı Kullanıcı
  • Üyelik 29.11.2013
  • Yaş/Cinsiyet 44 / E
  • Meslek Web Tasarım
  • Konum Ağrı
  • Ad Soyad A** Ö**
  • Mesajlar 322
  • Beğeniler 14 / 44
  • Ticaret 5, (%100)

LizGate adlı üyeden alıntı

Hocam attığım ilk yorumda zaten aktif pasifin cevabı var. Required sadece doldurmak zorundasınız uyarısı vermesi için. Min-Max olayınıda nasıl araştırmanız gerektiğini belirtmişim 2. yorumda


Hocam formda tüm seçenekler dolmadan butonun aktif olmaması lazım çünkü butona tıklayınca bir popup açacağım form dolmadan buton aktif olursa popup gereksiz açılacak

Verdiğiniz kodlar ile input işini çözdüm ama selectlerde de bir seçenek seçilmeden buton aktif olmasın istiyorum inputa uyguladığımız gibi.

ve id="miktar" olan input 250-1000 arası bir değer girilirse butonun aktif olması lazım googleda yabancı kaynaklardada arattım hep karakter sınırlamasından bahsediyorlar ben 250-1000 sayı aralığında bir değer girilsin istiyorum.
 

 

LizGate LizGate Lizgate Kullanıcı
  • Üyelik 30.03.2019
  • Yaş/Cinsiyet 30 / E
  • Meslek Yazılımcı
  • Konum Muğla
  • Ad Soyad A** Y**
  • Mesajlar 93
  • Beğeniler 12 / 47
  • Ticaret 3, (%100)
Hocam attığım kodlar çok açık şekilde anlatıyor durumu.

Senin gönderdiğin form yapısına düzenleme yaptım. İstediğin herşeyi ekledim.

https://wmaraci.com/forum/javascript/paylasim-detayli-form-kontrolleri-aktif-pasif-buton-option-checkbox-vbulletin-614785.html#post3456893


Konu olarak açtım ihtiyacı olan başkalarıda faydalansın.
 

 

wmaraci
wmaraci
Konuyu toplam 1 kişi okuyor. (0 kullanıcı ve 1 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al