Javascript ile Bir Formu Submit Etme

Javascript 04 Haziran 2020 - 14:58:47 1342 Gösterim 0 Yorum

Bazen submit butonlarımız formun içerisinde yer almayabilir yada biz almasını istemeyiz görünen bir yerde olması daha çok işimize gelir. Bu nedenle formdaki değişikliklerin işlenmesini sağlayacak submit özelliğini javascriptle o butona basıldığında yapabileceğimiz şekilde yeniden düzenleyebiliriz. Benim projelerimde bolca kullandığım submit işlemidir. Genelde değişiklik yapılan butonları düzenleme sayfasının en üstünde bulundurmaktan taraftarım. Kullanıcı göz aşinalığını kaybetmesin ve yönetimini kolay şekilde sağlasın diye. Örnekle açıklayalım.

<button type="button" onclick="formugonder();" class="btn btn-success">Gönder</button>
Butonumuzu ekledik. Şimdi formumuzu ekleyelim.
<form action="" id="deneme" method="POST">
<label>Deneme Input:</label>
<input type="text" name="deneme">
</form>
Formda tamam olduğuna göre formugonder fonksiyonumuzu yazalım

<script>
function formugonder()
{
     document.getElementById("deneme").submit();
} 
</script>
Burada dedik ki deneme isimli formu formugonder() tetiklediğinde submit et.

Sistem bu kadar kolay. Artık herhangi bir butona tıklandığında formugonder() fonksiyonunu atarsanız o buton deneme "id" değerine sahip formu submit edecektir. Aynı sayfada birden çok kulanabilirsiniz. Hatta biraz daha düzenleyerek aynı butonla birden fazla formu submit edebilirsiniz. Bunuda şöyle gösterelim.

<script>
function formugonder()
{
     document.getElementById("deneme").submit();
document.getElementById("deneme2").submit();
document.getElementById("deneme3").submit();
} 
</script>

Bu fonksiyonla formugonder butonuna basıldığında deneme, deneme2 ve deneme3 isimli formlar submit olacaktır.

Yorum Yapılmamış

Bu yazıya henüz bir yorum yapılmamış, hemen bir tane yapmak ister misin ?

Yorum Yapın