HTML DOM中的onsubmit事件在提交表单后发生。表单标签支持此事件。
用法:
- 在HTML中:
<element onsubmit="Script">
- 在JavaScript中:
object.onsubmit = function(){myScript};
- 在JavaScript中,使用addEventListener()方法:
object.addEventListener("submit", myScript);
例:使用JavaScript
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM onsubmit Event
</title>
</head>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<h2>HTML DOM onsubmit Event</h2>
<form id="formID" action="#">
Enter name:
<input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</center>
<script>
document.getElementById("formID").onsubmit =
function() {GFGfun()};
function GFGfun() {
alert("form submitted");
}
</script>
</body>
</html>
输出:
之前:
后:
例:使用addEventListener()方法
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM onsubmit Event
</title>
</head>
<body>
<center>
<h1 style="color:green">GeeksforGeeks</h1>
<h2>HTML DOM onsubmit Event</h2>
<form id="formID" action="#">
Enter name:
<input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</center>
<script>
document.getElementById(
"FormID").addEventListener("submit", GFGfun);
function GFGfun() {
alert("form submitted");
}
</script>
</body>
</html>
输出:
之前:
后:
支持的浏览器:下面列出了HTML DOM onsubmit Event支持的浏览器:
- 谷歌浏览器
- IE浏览器
- Firefox
- 苹果Safari
- Opera
相关用法
- HTML onsubmit用法及代码示例
- HTML onwheel事件用法及代码示例
- HTML touchcancel事件用法及代码示例
- HTML touchmove事件用法及代码示例
- HTML onunload事件用法及代码示例
- HTML onended事件用法及代码示例
- HTML ondragover事件用法及代码示例
- HTML onmessage事件用法及代码示例
- HTML onsuspend事件用法及代码示例
- HTML onwaiting事件用法及代码示例
- HTML onabort事件用法及代码示例
- HTML ontimeupdate事件用法及代码示例
- HTML onseeking事件用法及代码示例
- HTML onsearch事件用法及代码示例
- HTML onseeked事件用法及代码示例
注:本文由纯净天空筛选整理自Vijay Sirra大神的英文原创作品 HTML | DOM onsubmit Event。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。