,可以通过以下步骤实现:
document.getElementById()
或document.querySelector()
等方法获取表单元素的引用。addEventListener()
方法监听表单的提交事件,一般是submit
事件。event.preventDefault()
方法阻止表单的默认提交行为,以便我们可以自行处理表单数据。value
属性获取输入框、文本域等表单元素的值。以下是一个示例代码:
// 获取表单元素
var form = document.getElementById('myForm');
// 监听表单提交事件
form.addEventListener('submit', function(event) {
// 阻止表单默认提交行为
event.preventDefault();
// 获取表单输入值
var input1 = document.getElementById('input1').value;
var input2 = document.getElementById('input2').value;
// 进行数据处理或发送请求
// ...
// 示例:打印输入值
console.log('Input 1:', input1);
console.log('Input 2:', input2);
});
在上述示例中,myForm
是表单的id,input1
和input2
是表单中的输入框元素的id。你可以根据实际情况修改这些id。
这种方法适用于普通的表单提交,不依赖于任何特定的前端框架或库。
领取专属 10元无门槛券
手把手带您无忧上云