获取表单元素:
要获取表单元素,可以使用document.getElementById()
、document.forms
或document.querySelector()
等方法。
例如:
1 | // 通过id获取表单元素 |
提交表单:
表单提交可以通过表单元素的submit()
方法来触发。
例如:
1 | const myForm = document.getElementById('myForm'); |
重置表单
表单重置可以通过表单元素的reset()
方法来触发。
例如:
1 | const myForm = document.getElementById('myForm'); |
验证表单
表单验证可以使用 HTML5 的表单验证属性(例如required
、pattern
等)和 JavaScript 的验证逻辑结合使用。你可以监听表单的submit
事件,在事件处理程序中使用 JavaScript 进行验证。
例如:
1 | const myForm = document.getElementById('myForm'); |
获取Form的值
注意单选和多选需要特殊处理
1 | submitForm() { |
HTML
1 | <form name="mform"> |