Form onsubmit 事件

定義和用法
onsubmit 事件在提交表單時(shí)調(diào)用。
語(yǔ)法
onsubmit="JavaScriptCode"
參數(shù) | 描述 |
---|---|
JavaScriptCode | 必須。事件觸發(fā)后指定執(zhí)行的 JavaScript 代碼。 |
瀏覽器支持
所有主要瀏覽器都支持 onsubmit 事件
實(shí)例
實(shí)例
當(dāng)submit按鈕點(diǎn)擊提交表單后顯示一個(gè)彈窗框:
<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>
嘗試一下 ?

更多建議: