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
参见
submit
事件