Onsubmit
Event handler onsubmit (Bubbles: No, Cancelable: Yes) terjadi saat tombol Submit ditekan di dalam elemen FORM, dan terjadinya sebelum data-data di dalam elemen FORM dikirim kepada server.
Berikut pola meregister event handler onsubmit via ‘inline model’:
<P>Log-In:</P> <FORM ONSUBMIT="alert(‘Anda mengirim data’)"> Nama:<INPUT TYPE="text"> Password:<INPUT TYPE="password"> <INPUT TYPE="submit" VALUE="Submit"> </FORM>
Berikut pola meregister event handler onsubmit via ‘traditional model’:
<P>Log-In:</P> <FORM ID="formID"> Nama:<INPUT TYPE="text"> Password:<INPUT TYPE="password"> <INPUT TYPE="submit" VALUE="Submit"> </FORM> <SCRIPT TYPE="text/javascript"> function HandleEvent() { alert(‘Anda mengirim data’); } document.getElementById("formID").onsubmit=HandleEvent; </SCRIPT>
Berikut pola meregister event handler onsubmit via DOM:
<P>Log-In:</P> <FORM ID="formID"> Nama:<INPUT TYPE="text"> Password:<INPUT TYPE="password"> <INPUT TYPE="submit" VALUE="Submit"> </FORM> <SCRIPT TYPE="text/javascript"> function HandleEvent() { alert(‘Anda mengirim data’); } var formElem=document.getElementById("formID"); formElem.addEventListener("submit", HandleEvent, false); </SCRIPT>
Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
