Form İçinde Submit Butonunun Önemi

Eğer ajax ile form işlemleri yapıyorsanız bu durum başınıza gelmiştir.. Olası bir senaryo şöyle olabilir.. Üye giriş işlemi yaptığımızı farz edelim.. Kod yapımız şöyle olsun;

<form action="" method="post" onsubmit="return false">
Kullanıcı Adı: <input type="text" name="kadi" /><br />
Şifre: <input type="password" name="sifre" /><br />
<a href="#" onclick="$.login()">Giriş Yap</a>
</form>

Şimdi bunda herhangi bir sorun yok.. Ama kullanıcı adı ve şifremizi doldurup şifre bölümünde enter’a basınca form submit edilmez.. Ya da şöyle söyleyeyim, ajax işlemi gerçekleşmez.. İllaha giriş yap butonuna tıklamamız gerekir.. Böyle durumlarda form içinde bir submit butonu koyup ona onclick işlemi atamamız en sağlıklısı.. Böylece herhangi bir form elemanında enter tuşuna basarakta formu submit ettirmiş oluruz.. Yani şöyle değiştirirsek sorunumuz çözülür;

<form action="" method="post" onsubmit="return false">
Kullanıcı Adı: <input type="text" name="kadi" /><br />
Şifre: <input type="password" name="sifre" /><br />
<button type="submit" onclick="$.login()">Giriş Yap</button>
</form>

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“Form İçinde Submit Butonunun Önemi” üzerine 2 yorum

  1. tam olarak anlamadım ama öyle butonla uğraşacağına direk form'un submit ini yakala orda işlem yap

  2. @alte, tam olarak anlayın o halde 🙂 Butonla uğraşmıyorsunuz, zaten doğru olan form içinde buton kullanımıdır.. konuyu daha iyi okursanız anlayacağınıza eminim.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir