定义和用法
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
支付宝
微信