JavaScript 教程
JavaScript 对象
jQuery 教程
JSON 教程
AngularJS 教程
Angular 2 教程
Vue.js 教程
React 教程
jQuery UI 教程
jQuery EasyUI 教程
AJAX 教程
Highcharts 教程
Google Maps API 教程
ES6 教程
TypeScript教程
ES6 标准入门Form onsubmit 事件
Form 对象
定义和用法
onsubmit 事件在提交表单时调用。
语法
onsubmit="JavaScriptCode"
| 参数 | 描述 |
|---|---|
| JavaScriptCode | 必须。事件触发后指定执行的 JavaScript 代码。 |
浏览器支持
所有主要浏览器都支持 onsubmit 事件
实例
实例
当submit按钮点击提交表单后显示一个弹窗框：
<html>
<head>
<script>
function greeting()
{
alert("Welcome " + document.forms["frm1"]["fname"].value + "!")
}
</script>
</head>
<body>
What is your name?<br>
<form name="frm1" action="submit.htm" onsubmit="greeting()">
<input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</body>
</html>
<head>
<script>
function greeting()
{
alert("Welcome " + document.forms["frm1"]["fname"].value + "!")
}
</script>
</head>
<body>
What is your name?<br>
<form name="frm1" action="submit.htm" onsubmit="greeting()">
<input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</body>
</html>
尝试一下 »
Form 对象