form click sorunu

28-09-2013, 16:30:23

Alıntı

$("form").live("click",function(){

şöyle bir kodum var. form içindeki input lara click yapılınca bu kod aktif oluyor. Fakat ben sadece submit olunca aktif olmasını deniyorum. Bildiğim bütün kodları denedim fakat olmadı.

Alıntı

$("form").live("submit",function(){

gibi.

Bu kodun sadece form submit olunca çalışması için nasıl aktif edilir?

28-09-2013, 16:40:07

#2

~~bnet~~

Üyeliği durduruldu

formunuzda buton kullanıyor musunuz ?

28-09-2013, 17:42:31

#3

Divxci

bnet adlı üyeden alıntı: mesajı görüntüle

formunuzda buton kullanıyor musunuz ?

evet. type=submit var

28-09-2013, 18:09:23

#4

paroxit

Birincisi .live() komutu önerilmeyen/tedahülden kalkacak(deprecated) bir metoddur. Onun yerine .on metodunu kullanmanı tavsiye ederim.

.on methodunu submit event(olay) ile kullanmak için

$("#form").on("submit",function(ev){
//işlemler
});

gibi bir kod yazabilirsin. Ayrıca direkt olarak jQuery kütüphanesi içerisinde method olarak da submit() bulunmaktadır. Örneğin ;

$("#form").submit(function(ev){
//işlemler
});

Ve varsayıyorum ki sen form submit olmadan önce birşeyleri kontrol etmek istiyorsun. Bunun için de formu submit olmadan durdurman gerekebilir.

$("#form").submit(function(ev){

ev.preventDefault();
return false;

// submit işlemini durdurmak için

});

28-09-2013, 19:29:31

#5

Divxci

paroxit adlı üyeden alıntı: mesajı görüntüle

Birincisi .live() komutu önerilmeyen/tedahülden kalkacak(deprecated) bir metoddur. Onun yerine .on metodunu kullanmanı tavsiye ederim.

.on methodunu submit event(olay) ile kullanmak için

$("#form").on("submit",function(ev){
//işlemler
});

gibi bir kod yazabilirsin. Ayrıca direkt olarak jQuery kütüphanesi içerisinde method olarak da submit() bulunmaktadır. Örneğin ;

$("#form").submit(function(ev){
//işlemler
});

Ve varsayıyorum ki sen form submit olmadan önce birşeyleri kontrol etmek istiyorsun. Bunun için de formu submit olmadan durdurman gerekebilir.

$("#form").submit(function(ev){

ev.preventDefault();
return false;

// submit işlemini durdurmak için

});

hocam live() kullanmak zorundayım. çünkü "form" sayfaya sonradan dahil oluyor. live ile on u kullanmaya çalıştım ama başaramadım.

29-09-2013, 15:59:38

#6

frdtrkc

Divxci adlı üyeden alıntı: mesajı görüntüle

hocam live() kullanmak zorundayım. çünkü "form" sayfaya sonradan dahil oluyor. live ile on u kullanmaya çalıştım ama başaramadım.

O zaman paroxit arkadaşın dediği gibi .on() metodunu kullanman gerekiyor, zira .live() jquery1.9 ile birlikte tedavülden kalktı onun yerine jquery1.7 ile birlikte daha kullanışlı olan .on() metodu geldi.

Ama .on() metodunun da farklı kullanımları var. Sayfa yüklendikten sonra sayfa içine herhangi bir form dahil ediliyorsa $("#form").on("submit", function() ... gibi kullanamayız. Onun yerine $(document).on("submit", "#form", function() ... kullanmalıyız.

$(document).on("submit", "#form", function() {
	Yapılacak işlemler...
});

Detaylı bilgi: http://api.jquery.com/on/

-

29-09-2013, 16:23:10

#7

Divxci

frdtrkc adlı üyeden alıntı: mesajı görüntüle

O zaman paroxit arkadaşın dediği gibi .on() metodunu kullanman gerekiyor, zira .live() jquery1.9 ile birlikte tedavülden kalktı onun yerine jquery1.7 ile birlikte daha kullanışlı olan .on() metodu geldi.

Ama .on() metodunun da farklı kullanımları var. Sayfa yüklendikten sonra sayfa içine herhangi bir form dahil ediliyorsa $("#form").on("submit", function() ... gibi kullanamayız. Onun yerine $(document).on("submit", "#form", function() ... kullanmalıyız.

$(document).on("submit", "#form", function() {
	Yapılacak işlemler...
});

Detaylı bilgi: http://api.jquery.com/on/

-

"on" sayfaya sonradan dahil edilen nesnelerde işe yarıyorsa onu denerim.

30-09-2013, 08:49:02

#8

Divxci

Divxci adlı üyeden alıntı: mesajı görüntüle

"on" sayfaya sonradan dahil edilen nesnelerde işe yarıyorsa onu denerim.

Alıntı

$(document).on("submit", "form", function(){

bu şekilde de sayfaya sonradan dahil olan form lar çalışmıyor.

Şöyle birşey yapmaya çalıştım fakat buda çalışmıyor.

Alıntı

$("form").live("click:not(input[name=mail_ad])",function(){

30-09-2013, 09:26:58

#9

dark_way

hocam formu sayfaya eklediğiniz fonksiyonun içinde formu eledikten sonra formla ilgili js kodlarını aynı fonksiyon içine yazın;

Örnek;

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
	<script type="text/javascript">
	$(function(){
		$('#icerikekle').html('\
			<form id="form">\
				<input type="text" name="text1"/>\
				<button type="button">Gönder</button>\
			</form>\
		');
		$('#form button').click(function(){
			alert("form gönderildi");
		});
	});
	</script>
</head>
<body>
	<div id="icerikekle"></div>
</body>
</html>

Kolaygelsin..
.
.