JavaScript'te Form Gönderimini Engelleme
Gerektiğinde bir formun gönderilmesi engellenebilir.
Bu, zaten bildiğiniz
preventDefault
yoluyla yapılır.
Hadi bir örnekle inceleyelim.
Aşağıdaki forma sahip olduğumuzu varsayalım:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Formun referansını bir değişkene alalım:
let form = document.querySelector('form');
Form gönderimi,
submit olayı yakalanabilir:
form.addEventListener('submit', function() {
});
Şimdi formun gönderilmesini engelleyelim:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Bir input alanına sahip bir form verilmiştir. Gönderim denemesi sırasında, input alanına geçerli bir email adresi girilip girilmediğini kontrol edin. Eğer geçerli değilse, formun gönderilmesini engelleyin ve bununla ilgili bir mesaj gösterin.
