表单事件,当用户与表单元素进行交互时发生。
实例:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>表单事件</title> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 </head> 8 <body> 9 <form id ="myform" action="http://www.163.com/" method="get" > 10 用户名:<input type="text" id="username" name="username" > 11 <button type="submit">提交</button> 12 </form> 13 14 <script> 15 var myform = document.getElementById('myform'); 16 myform.addEventListener('submit', stop, false); 17 function stop(e) { 18 var username = document.getElementById('username'); 19 var str = username.value; 20 if (str === '') { 21 //要求输入内容 22 alert("请输入用户名"); 23 } else { 24 alert("输入的值是:" + str); 25 } 26 } 27 </script> 28 </body> 29 </html>