Profil detayı eklendi, herkes profillerine girip bir gözatsın! Sevdiğiniz üyelerin cevaplarını takip edin! Tüm güncellemeler

Form tamamen doluysa Submit Edebilsin

Selamlar


Jquery'de Form içindeki tüm alanlar doldurulduysa submit butonu açılsın yada disabled olan submit butonu aktif olsun istiyorum. Fakat form içinde gelen input/select vs. değerleri değişkenlik gösterebiliyor.


Bunu nasıl yapabilirim?


----

Edit: cevap


	$('form input, form select, form textarea').each(function() {
		if ($(this).val().length == 0) {
			$('button[type="submit"]').attr('disabled', 'disabled');
		}
	});

	$("form input, form select, form textarea").bind("change keyup", function(){
		
		var empty = false;
		$('form input, form select, form textarea').each(function() {
			if ($(this).val().length == 0) {
				empty = true;
			}
		});

		if (empty) {
			$('button[type="submit"]').attr('disabled', 'disabled');
		} else {
			$('button[type="submit"]').attr('disabled', false);
		}
	});


Şöyle bir çözüm ürettim.


Bu sayede eğer inputta veri varsa submit butonu çıkacak; sadece düzenleme için kullanılmayacak.


Cevap veren herkese teşekkürler, Kolay gelsin.

5

Cevaplar (5)

İşlem devam ediyor, lütfen bekleyin..
jackie chan
@jackiechan
2 ay önce

document.setAttribute kullan

İşlem devam ediyor, lütfen bekleyin..
Emre KILIÇ
@adorratm
2 ay önce
$("#form").each(function(){
    
  var butunformelemanlari = $(this, "input, textarea, select");
    
  var degervarmi = butunformelemanlari.val().length;

  var enableDisableButton = function(){
    if(degervarmi > 0){
        $("#button").removeAttr("disabled");
      }else{
        $('#button').attr("disabled","disabled");
    }
  }
enableDisableButton();

  var select= $(this,"select");
  var textarea= $(this,"textarea");
    var input= $(this,"input");


  $(document).on("keyup",input,function(){
 if($(this).val().length>0){
$("#button").removeAttr("disabled");
      }else{
        $('#button').attr("disabled","disabled");
    }

});
$(document).on("keyup",textarea,function(){
 if($(this).val().length>0){
$("#button").removeAttr("disabled");
      }else{
        $('#button').attr("disabled","disabled");
    }

});


$(document).on("change",select,function(){
 if($(this).val().length>0){
$("#button").removeAttr("disabled");
      }else{
        $('#button').attr("disabled","disabled");
    }

});

});

gibi bir çözüm üretilebilir belki denemek lazım tabi

İşlem devam ediyor, lütfen bekleyin..
Özgür Senekci
@locrian
2 ay önce

https://www.npmjs.com/package/html-form-validation

İşlem devam ediyor, lütfen bekleyin..
Mehmet Özdemir
@pcmemo
2 ay önce
Bütün inputlara required="" eklersen boş geçemez submite basınca action sayfasına gitmeden uyarı verir.



 
Cevapla @felina2 ay önce
@pcmemo, Amatörce bir yöntem
Cevapla @pcmemo2 ay önce
@felina, Seninkine benzer çözümü yorum gönderirken kuralları okudum checkbox'ını işaretletmek için kullandım, ama sen tüm form inputlarını kontrol etmek istiyorsun diye pratik ama etkili olan yöntemi yazdım. Ne mutlu ki yüksek bilginle çözmüşsün. Biz de faydalanırız.
İşlem devam ediyor, lütfen bekleyin..
ismail ATİLA
@Fire
2 ay önce

http://1000hz.github.io/bootstrap-validator/ bunu deneyebilirsin

İşlem devam ediyor, lütfen bekleyin..

Cevap yaz Sadece sorunun cevabını yazın