Form onsubmit 事件

Form 对象参考手册 Form 对象

定义和用法

onsubmit 事件在提交表单时调用。

语法

onsubmit = "JavaScriptCode"

参数 描述
JavaScriptCode 必须。事件触发后指定执行的 JavaScript 代码。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 onsubmit 事件

实例

当submit按钮点击提交表单后显示一个弹窗框：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function greeting() {
      alert("Welcome " + document.forms["frm1"]["fname"].value + "!")
    }
  </script>
</head>
<body>

  你的名字是：<br>
  <form name="frm1" action="tryjs-ref_form_onsubmit.htm" onsubmit="greeting()">
    <input type="text" name="fname">
    <input type="submit" value="提交">
  </form>

</body>
</html>

尝试一下 »

Form 对象参考手册 Form 对象