Gönder butonu eğer textarea ve textfield boş ise pasif olmasını nasıl yapabiliriz?

07-01-2010, 01:58:32

Slm,

Html formda 1 textfield ve textarea var bu iki metin kutusu boş ise gönder butonu'un pasif olmasını nasıl sağlarız?

ilgilendiğiniz için şimdiden çok teşekkürler...

07-01-2010, 02:13:57

#2

RemiX

ajax formlar la sağlayabilirsin :
http://www.noupe.com/css/47-excellen...css-forms.html

17-01-2010, 03:54:08

#3

N0Sman

veya dreamweaver da direk bunu kontrol ettirebiliyorsun ama senin dediğin gibi degil basıldıgında formlar boş ise göndermiyor. spry menüsünü incele görüceksin zaten..

18-01-2010, 23:38:54

#4

arno

Kimlik doğrulama veya yönetimden onay bekliyor.

Eğer sorunu çözemediysen özel mesaj ile hatırlat kodunu yazıp ekleyeyim. Şimdi vaktim kalmadı sonra bakarım...

19-01-2010, 05:24:56

#5

arno

<script type="text/javascript">

$(document).ready(function(){

    $("#submit").attr("disabled", "disabled");
    $("#textfield").change(function() {
        if($("#textfield").val().length == 0) $("#submit").attr("disabled", "disabled");
        if($("#textfield").val().length != 0) $("#submit").attr("disabled", "");
    });
    
    $("#textarea").change(function() {
        if($("#textarea").val().length == 0) $("#submit").attr("disabled", "disabled");
        if($("#textarea").val().length != 0) $("#submit").attr("disabled", "");
    });
    
    
});

</script>

Yukarıdaki kodu jquery dosyasını html içinden çağırdığın satırdan sonra ekliyorsun.

İçi boşken gönderme butonunun çalışmamasını istediğin textfield ın id sini textfield, textarea nın id sini de textarea yapıyorsun. Böylece istediğin olmuş olur...

Kötü bir kodlama olduğunun farkındayım ama işini görecektir...

19-01-2010, 08:59:40

#6

anka81

jquery kullanmadan ise:

<html>
<head>
<script type="text/javascript">
function disable()
{
if(document.form.textarea.value=="")
{
document.form.submit.disabled=true;
}
else
{
document.form.submit.disabled=false;
}
}
</script>
</head>
<body onload="javascript:disable();">
<form name="form">
<textarea name="textarea" rows="2" cols="10" onkeypress="javascript:disable();"></textarea>
<input type="submit" name="submit">
</form>
</body>
</html>