Larangan Penghantaran Borang dalam JavaScript
Jika perlu, penghantaran borang boleh
dilarang. Ini dilakukan melalui
preventDefault
yang sudah anda ketahui.
Mari kita lihat contoh.
Katakan kita mempunyai borang berikut:
<form action="/handler/" method="POST">
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Dapatkan pautannya dalam pembolehubah:
let form = document.querySelector('form');
Penghantaran borang boleh ditangkap melalui peristiwa
submit:
form.addEventListener('submit', function() {
});
Sekarang mari kita larang penghantaran borang:
form.addEventListener('submit', function(event) {
event.preventDefault();
});
Diberikan borang dengan input. Semasa cuba menghantar, periksa sama ada input mengandungi email yang betul. Jika tidak - larang penghantaran borang dan paparkan mesej mengenainya.