JS示例33-表單事件（提交和重置事件）
- 2019 年 11 月 7 日
- 筆記
一、知識要點
onsubmit onreset
二、源碼參考
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>無標題文檔</title> <script> window.onload = function () { var oForm = document.getElementById('form1'); // onsubmit : 當表單被提交的時候觸發 oForm.onsubmit = function () { if (this.username.value == '') { alert('請填寫用戶名'); return false; } } // onreset : 當表單要重置的時候觸發 oForm.onreset = function () { return confirm('你確定要重置？'); } confirm('你確定要重置？'); document.title = 1; } </script> </head> <body> <form id="form1" action="http://www.baidu.com"> <input type="text" name="username" /> <input type="password" name="password" /> <!--<input type="button" value="提交" />--> <input type="submit" value="提交" /> <input type="reset" value="重置" /> </form> </body> </html>
image.png
