Enter ile ajax işlemi (yardım)

27-12-2018, 23:01:13

#1

Misafir

edit: çözüldü.

27-12-2018, 23:04:58

#2

Developer

window.addEventListener('keydown', (e) => {
     if(e.keyCode === 13)
          formKullanici(); // Fonksiyon parametrelerini siz kendiniz eklersiniz.
});

Ek olarak

https://jsfiddle.net/t4afqmLb/

27-12-2018, 23:09:02

#3

Misafir

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

window.addEventListener('keydown', (e) => {
     if(e.keyCode === 13)
          formKullanici(); // Fonksiyon parametrelerini siz kendiniz eklersiniz.
});

Ek olarak

https://jsfiddle.net/t4afqmLb/

hocam çalışmadı malesef. enterleyince sayfa yenileniyor sadece.

27-12-2018, 23:10:02

#4

Developer

Siz form içerisinde mi enter yapmak istiyorsunuz ?

27-12-2018, 23:10:33

#5

Misafir

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

Siz form içerisinde mi enter yapmak istiyorsunuz ?

evet hocam

27-12-2018, 23:12:07

#6

Misafir

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

Aşağıdaki ajax post işleminde butona basarak post yapabiliyorum. bunu hem buton hemde enter tuşuya nasıl yapabilirim ? yardımcı olacak varmı ?

function formKullanici(islem,veri,extra) {
$('#sonuc').html("<div align='center'><font color='red'> Lütfen İşlem Bitene Kadar Bekleyiniz.. </font></br><img src='images/ajax-loader.gif' /></div>");
$('#yan').html("<div align='center'><font color='red'> Lütfen İşlem Bitene Kadar Bekleyiniz.. </font></br><img src='images/ajax-loader.gif' /></div>");
 var data=$('#'+islem).serialize();

$.ajax({
type:'POST',
url:'config/kullanici.php?islem='+islem+'&veri='+veri+'&extra='+extra,
data:data,
success:function(cevap){
$('#sonuc').html('');
swal({
title: ' ',
type: 'warning',
confirmButtonText: 'Kapat',
confirmButtonColor: '#da1103',
html: cevap
 })
}
});
  };

$("#enSonInput").keydown(function (e) {  if (e.keyCode == 13) {   console.log("put function call here");  }});enSonInput dedigim yere formda bulunan en son inputu yazarsan onun icinde entere basarsa post eder

27-12-2018, 23:13:16

#7

Developer

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

evet hocam

Forma submit butonu ekleyin. Daha sonra

document.getElementById('formID').addEventListener('submit', (e) => {
     e.preventDefault();
     formKullanici(); // Fonksiyon parametrelerini siz ekleyeceksiniz.
});

bu şekilde sonuç alabilirsiniz.

27-12-2018, 23:17:03

#8

Misafir

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

Forma submit butonu ekleyin. Daha sonra

document.getElementById('formID').addEventListener('submit', (e) => {
     e.preventDefault();
     formKullanici(); // Fonksiyon parametrelerini siz ekleyeceksiniz.
});

bu şekilde sonuç alabilirsiniz.

hocam bunun daha basit çözümü yokmudur acaba? çünkü php altyapısı ve 20 den fazla sayfa var. hepsini tek tek düzenlemem gerekecek ozaman.

27-12-2018, 23:21:13

#9

Developer

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

$("#enSonInput").keydown(function (e) {  if (e.keyCode == 13) {   console.log("put function call here");  }});enSonInput dedigim yere formda bulunan en son inputu yazarsan onun icinde entere basarsa post eder

Bu hatalı olacaktır. Adam son inputu doldurup enter'e bastığında form saçmalar.

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

hocam bunun daha basit çözümü yokmudur acaba? çünkü php altyapısı ve 20 den fazla sayfa var. hepsini tek tek düzenlemem gerekecek ozaman.

// 2 türlü selector seçimi yapabilirsiniz. İster class ile ister direk tagName ile. Mantıklı olan class ile yapmaktır. İkisinin de örneği aşağıda. TagName tüm formları seçer. Ancak bazı formlarda yapmak istemezsiniz. O zaman sıkıntı yapacaktır.

document.getElementsByClassName('formClass').forEach(item => {
     item.addEventListener('submit', (e) => {
          e.preventDefault();
          // FORM ISLEMLERI
     });
});

document.getElementsByTagName('form').forEach(item => {
     item.addEventListener('submit', (e) => {
          e.preventDefault();
          // FORM ISLEMLERI
     });
});