Larangan Pengiriman Formulir di JavaScript
Jika diperlukan, pengiriman formulir dapat dilarang.
Hal ini dilakukan melalui
preventDefault
yang sudah Anda ketahui.
Mari kita lihat contohnya.
Misalkan kita memiliki formulir berikut:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Dapatkan referensinya ke dalam variabel:
let form = document.querySelector('form');
Pengiriman formulir dapat ditangkap melalui event
submit:
form.addEventListener('submit', function() {
});
Sekarang mari kita larang pengiriman formulir:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Diberikan formulir dengan input. Saat mencoba mengirim, periksa apakah input telah diisi dengan email yang benar. Jika tidak - larang pengiriman formulir dan tampilkan pesan tentang hal itu.
