GlobalEventHandlers.onsubmit - Web API 接口参考 编辑

GlobalEventHandlers 的 onsubmit 属性是一个处理 submit 的 EventHandler。

submit 事件会在用户点击提交按钮（<input type="submit"/> 元素）提交表单时触发。

语法

target.onsubmit = functionRef;

参数

functionRef 是一个函数名或 函数表达式。The function receives a FocusEvent object as its sole argument.

例子

This example demonstrates oninvalid and onsubmit event handlers on a form.

HTML

<form id="form">
  <p id="error" hidden>Please fill out all fields.</p>

  <label for="city">City</label>
  <input type="text" id="city" required>

  <button type="submit">Submit</button>
</form>
<p id="thanks" hidden>Your data has been received. Thanks!</p>

JavaScript

const form = document.getElementById('form');
const error = document.getElementById('error');
const city = document.getElementById('city');
const thanks = document.getElementById('thanks');

city.oninvalid = invalid;
form.onsubmit = submit;

function invalid(event) {
  error.removeAttribute('hidden');
}

function submit(event) {
  form.setAttribute('hidden', '');
  thanks.removeAttribute('hidden');

  // For this example, don't actually submit the form
  event.preventDefault();
}

Result

规范

规范	状态	备注
HTML Living Standard onsubmit	Living Standard

浏览器兼容性

BCD tables only load in the browser

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.

参见

• submit 事件