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 对象
点我分享笔记