Javascript Hk. Ufak Bi Soru
-
hocalar eğer inputta yazı yoksa butonumu disable yapmak istiyorum.
php mantığıyla yazmaya çalıştım ama olmadı js bilgim yok maalesef gerektiğinde hazır bootstrap kütüphanesi kullıyordum ama bazen kitlediği anlar oluyor şuan o anların birindeyim.
input text id="input"
buton id = "buton"
<script>if ($.("input") != "") {
document.getElementById("buton").disabled=true;
}else {
document.getElementById("buton").enable=true;
}</script>
-
jQuery ile yapılışı : http://stackoverflow.com/questions/9671918/disable-submit-if-inputs-empty-jquery
http://stackoverflow.com/questions/17699094/if-input-field-is-empty-disable-submit-button
jQuery kullanmadan da yapılır, biraz kodları değiştirmek lazım. http://www.w3schools.com/jsref/event_onkeyup.asp
-
if(document.getElementById("input").value == "")
wh0 tarafından 14/Ara/16 15:52 tarihinde düzenlenmiştir
{
document.getElementById("buton").setAttribute("disabled",false);
}
else
{
document.getElementById("buton").setAttribute("disabled",true);
} -
Hocam bence ilk olarak butonu disable getir.
Daha sonra bir olay neticesinde butonu aktif yapmayı dene. Mesela text içerisinde tuşa basıldığında gibi.
jQuery(".metin-kutusu").on("keyup", function(){ var strMetin = jQuery(this).val(); if (strMetin.length < 1) { jQuery(".tiklanacak-buton").attr("disabled", "true"); } else { jQuery(".tiklanacak-buton").attr("disabled", "false"); } });
gibi bir şey yapabilirsin.
-
WH0 bunu yazdı
if(document.getElementById("input").value == "")
{
document.getElementById("buton").setAttribute("disabled",false);
}
else
{
document.getElementById("buton").setAttribute("disabled",true);
}işe yaradıda bişe yazıncada hala disable oluyor hocam. Bu arada çok teşekkür ederim
-
Nvidia bunu yazdıWH0 bunu yazdı
if(document.getElementById("input").value == "")
{
document.getElementById("buton").setAttribute("disabled",false);
}
else
{
document.getElementById("buton").setAttribute("disabled",true);
}işe yaradıda bişe yazıncada hala disable oluyor hocam. Bu arada çok teşekkür ederim
ontedi tam senin istedigin kodu vermis hocam
-
WH0 bunu yazdıNvidia bunu yazdıWH0 bunu yazdı
if(document.getElementById("input").value == "")
{
document.getElementById("buton").setAttribute("disabled",false);
}
else
{
document.getElementById("buton").setAttribute("disabled",true);
}işe yaradıda bişe yazıncada hala disable oluyor hocam. Bu arada çok teşekkür ederim
ontedi tam senin istedigin kodu vermis hocam
@ontedi hocam sanada çok teşekkürler lakin işe yaramadı
< ="asset/js/jquery-1.11.3.min.js" ="text/">
< ="asset/js/bootstrap.min.js" ="text/">
//
jQuery(".text").on("keyup", function(){
var strMetin = jQuery(this).val();
if (strMetin.length < 1
{
jQuery(".ara").attr("disabled", "true");
}
else
{
jQuery(".ara").attr("disabled", "false");
}
});
// ]]>
bu şekilde kullandım.
id'leri text ve ara şeklinde değiştirdim bu arada yanlış yazmışsın dmeyin :)
Nvidia tarafından 14/Ara/16 16:10 tarihinde düzenlenmiştir -
https://jsfiddle.net/603a0mbf/
haydi hayırlı traşlar -
NoktaliVirgul bunu yazdı
https://jsfiddle.net/603a0mbf/
haydi hayırlı traşlareyvallah hocam. Sanırım ben bootstrap kullandığımdan dolayı bişeyle çakışıyor ve işe yaramıyor
-
Nvidia bunu yazdıNoktaliVirgul bunu yazdı
https://jsfiddle.net/603a0mbf/
haydi hayırlı traşlareyvallah hocam. Sanırım ben bootstrap kullandığımdan dolayı bişeyle çakışıyor ve işe yaramıyor
Orda jquery edge seçtim bilerek. Büyük ihtimalle kodların çakışıyor.