

Javascript İle Formlarda Enter Algılamak
-
Çeşitli form uygulamalarında herhangi bir metin kutusunda enter tuşuna basıldığında yazılanların gönderilmesini (post edilmesini) sağlayan uygulamamız.
Bir projede gerekmişti, sizlerle paylaşıyorum.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1254" /> <meta name="author" content="Serkan TOGAL - www.ontedi.com" /> <title>Formlarda Enter Algılamak</title> <script type="text/javascript"> function Enter_Algila(strVeri) { var intKarakter_Kodu = (strVeri.which) ? strVeri.which : event.keyCode; if (intKarakter_Kodu == 13) { document.getElementById("sonuc").innerHTML = strVeri; } } </script> </head> <body> Kelime girip enter tuşuna basınız<br /> <input type="text" id="yazi" onkeydown="return Enter_Algila(this.value)" maxlength="20" /> <br /><br /> <span id="sonuc"></span> </body> </html>http://www.ontedi.com/javascript/formlarda-enter-algilamak.html
Uygulamanın örneği sitede mevcuttur.
-
edit
zaten form action kısmında ne yazıyosa enter a basınca oraya post yada get ile gönderirki hocam
<form action="http://"><input type="text" /></form> gibi
-
Hocam, ajaxla sohbet uygulaması yapmıştım. Oradaki tek sorun enter tuşuna basldığını algılayamamaktı.
-
jQuery kullanıyosan,
bütün metin kutularında yapacaksan bu işlemi, her birine tek tek javascript fonksiyonunu eklemektense şu kodu ekleyip hepsinde çalışmasını sağlayabilirsin:
$("input[type='text'], textarea, input[type='password']").onkeydown(function () { //kodlar }); -
<script language="javascript">
function runScript(e) {
if (e.keyCode == 13) {
var tb = document.getElementById("name");
sonuc..value = "ENTER TUŞUNA BASILDI";
return false;
}
}
</script><input id="name" type="text" onkeypress="return runScript(event)" />
-
yinede uzun geldi bana
document.forms["myform"].submit();
ve yahut jQuery ile
$("#yazi").click(function(){
//coding...
});
daha yenilikçi olur
-
tarcanbotta şöyle çözmüştüm ;
form olayı gayet işe yarar bence.
--
<form id="gonder" name="gonder" action="javascript:ajax();">
<input id="topla" name="topla" value=" Gönder " type="submit" class="buton">
</form>
script kısmı ;
---
<script type="text/javascript">
function ajax() {
yapılmasını istediklerin
}
</script>