Php form içinde form etiketi kullanmak R10+

18-11-2022, 17:30:12

İki adet formum var birisi normal post ediyor diğeri ajax ile anlık post ediyor ve iç içeler örnek;

<form action="" method="post"> //PdoFormu 

<form id="normalpost" method="post"> //Ajax Formu
<button type="submit" id="normalpost">
</form>

</form>

Bu tarz bir senaryoda ajax formu içindeki butona basınca doğal olarak diğer formu da post ediyor. Bu sorunu nasıl engelleyebiliriz?

18-11-2022, 17:38:11

#2

NGEEN

İçerideki buttonun type'ı submit olmasın. Zaten XHR/Ajax ile veri iletiliyor.

Hatta 2. formun submit eventine de aşağıdaki gibi bir event handler eklerseniz işi garantiye almış olursunuz. Olay sadece button değil, herhangi bir inputta (textarea hariç) enter'a basınca yine submit olacak.

document.querySelector("#secondForm").addEventListener("submit", function (e) {
  e.preventDefault(); // prevent from submitting
});

18-11-2022, 18:08:52

#3

ozgur_medya

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

İçerideki buttonun type'ı submit olmasın. Zaten XHR/Ajax ile veri iletiliyor.

Hatta 2. formun submit eventine de aşağıdaki gibi bir event handler eklerseniz işi garantiye almış olursunuz. Olay sadece button değil, herhangi bir inputta (textarea hariç) enter'a basınca yine submit olacak.

document.querySelector("#secondForm").addEventListener("submit", function (e) {
  e.preventDefault(); // prevent from submitting
});

Hocam bu sefer de dışarıdaki form da göndermiyor postu

18-11-2022, 18:21:56

#4

ozgur_medya

Dostlar bir de şu şekilde success durumunda #dogru divini göstermek istiyorum ancak bir türlü gösterilmiyor, joker-pas.php'de echo ediyorum halbuki.

18-11-2022, 20:44:22

#5

NGEEN

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

Dostlar bir de şu şekilde success durumunda #dogru divini göstermek istiyorum ancak bir türlü gösterilmiyor, joker-pas.php'de echo ediyorum halbuki.

Devtool'da `network` tabında bu isteğin atıldığına ve 200 durum koduyla döndüğünden emin misiniz?

18-11-2022, 20:49:09

#6

ozgur_medya

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

Devtool'da `network` tabında bu isteğin atıldığına ve 200 durum koduyla döndüğünden emin misiniz?

Evet hocam hatta önizle tabında başarıyla yazdırdığını görüyorum yani işlem başarıyla oluyor ama ekrana yazdırmıyor sadece

19-11-2022, 21:00:53

#7

omergunay

$("#dogru").html(e19) demelisiniz iki defa html demek mantıksız. Site canlıda ise bakıp daha kolay söyleyebiliriz hata vs.

20-11-2022, 00:14:56

#8

ilgice

İç içe form geçirmek doğru değildir, istediğin eylemi js ile eş zamanlı göndermek üzere çalışmalar yapabilirsin.