定义和用法
onsubmit 事件在表单提交时触发。
浏览器支持
事件 | |||||
---|---|---|---|---|---|
onsubmit | Yes | Yes | Yes | Yes | Yes |
语法
HTML 中:
<element onsubmit="myScript">
JavaScript 中:
object.onsubmit=function(){myScript};
JavaScript 中, 使用 addEventListener() 方法:
object.addEventListener("submit", myScript);
注意: Internet Explorer 8 及更早 IE 版本不支持 addEventListener() 方法。
技术细节
是否支持冒泡: | Yes |
---|---|
是否可以取消: | No |
事件类型: | Event |
支持的 HTML 标签: | <form>, <keygen> |
实例
当表单提交时执行 JavaScript:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Web176教程(web176.com)</title> </head> <body> <p>当提交表单时,触发函数并弹出提示信息。</p> <form action="demo-form.php" onsubmit="myFunction()"> 输入名字: <input type="text" name="fname"> <input type="submit" value="提交"> </form> <script> function myFunction() { alert("表单已提交"); } </script> </body> </html>
作者:terry,如若转载,请注明出处:https://www.web176.com/javascriptbook/domtips/3964.html