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>

Bir Cevap Yazın