Űrlap elküldése JavaScript segítségével
Kényszerítetten elküldhetünk egy űrlapot JavaScript segítségével. Nézzük meg, hogyan is történik ez. Tegyük fel, hogy van egy űrlapunk és egy gomb, amelyre kattintva el szeretnénk küldeni az űrlapot:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
</form>
<button>küldés</button>
Kapjuk meg az elemeinkre mutató hivatkozásokat változókba:
let form = document.querySelector('form');
let button = document.querySelector('button');
Rendeljünk a gombhoz kattintás eseménykezelőt:
button.addEventListener('click', function(event) {
});
A gombra kattintáskor hajtsuk végre az űrlap elküldését
a submit metódus segítségével:
button.addEventListener('click', function(event) {
form.submit();
});
Adott egy űrlap három beviteli mezővel. Készítsen egy linket, amelyre kattintva az űrlap elküldése történik meg.