Javascript ile Bir Formu Submit Etme

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.


Javascript kategorisinde 04 Haziran 2020 - 14:58:47 tarihinde yayınlanmıştır. 65 Gösterim

Kazım USLU Hakkında

PHP,MYSQL,CSS,JS,JQUERY yazılım dillerine hakim, Şu sıralar PYHTON ve LINUX üzerine araştırma geliştirme yapan, sunucu optimizasyonu ile uğraşan dijital kod yazarıyım...

Yorumlar (0)

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

Yorum Yapın