JavaScript表单onsubmit事件相关：表单变量定义及函数内获取表单问询

嘿，这两个问题都有很清晰的解决方案，我来给你详细说说：

问题1：能否通过表单的onsubmit事件把表单本身定义为变量？ #

当然可以！在表单的onsubmit事件上下文里，this关键字直接指向当前触发事件的表单元素，你可以直接把它赋值给变量，比如：

<form onsubmit="var currentForm = this; console.log(currentForm); return false;">
  <input type="submit" value="提交测试">
</form>

这里的currentForm就是表单本身，你可以在事件代码里直接用它做任何操作——比如获取输入框的值、修改表单属性，或者用return false阻止默认提交行为。

问题2：在onsubmit调用的函数里获取触发提交的表单，无需指定表单名称？ #

必须可以！这里有几种实用的方法，推荐按优先级来选：

方法一：把this作为参数传给函数 #

这是最直观、最不容易出错的方式——直接在onsubmit属性里把当前表单（this）当作参数传给你的函数：

<form onsubmit="return handleSubmit(this)" name="FormA" class="foo">
  <input type="submit" value="Submit">
</form>

<script>
function handleSubmit(form) {
  // 这里的form就是触发提交的表单，和document.forms["FormA"]完全等价
  console.log('当前提交的表单：', form);
  // 举个例子：获取表单的name属性验证一下
  console.log(form.name); // 会输出 "FormA"
  
  return false; // 阻止默认提交，方便测试
}
</script>

这种方法完全不需要依赖表单的name、class或其他选择器，纯粹靠事件上下文传递，兼容性拉满。

方法二：通过事件对象获取目标元素 #

如果不想传参数，也可以利用事件对象来定位表单。不过要注意：如果用户点击的是提交按钮，事件的直接目标是按钮而非表单，所以需要额外处理一下：

<form onsubmit="return handleSubmit(event)" name="FormA" class="foo">
  <input type="submit" value="Submit">
</form>

<script>
function handleSubmit(e) {
  // 兼容旧版IE的事件对象获取（现在基本不用，但可以写上）
  e = e || window.event;
  // 获取事件的直接触发元素
  let target = e.target || e.srcElement;
  
  // 如果目标是按钮，就通过它的form属性找到所属表单；如果是表单本身就直接用
  const currentForm = target.tagName === 'FORM' ? target : target.form;
  
  console.log('当前提交的表单：', currentForm);
  return false;
}
</script>

方法三：事件委托（多表单场景首选） #

如果页面上有多个表单，不想给每个表单都写onsubmit属性，可以用事件委托——在父元素（比如document）上监听submit事件，统一处理：

<form name="FormA" class="foo">
  <input type="submit" value="Submit Form A">
</form>
<form name="FormB" class="bar">
  <input type="submit" value="Submit Form B">
</form>

<script>
document.addEventListener('submit', function(e) {
  // 先阻止默认提交行为
  e.preventDefault();
  // e.target就是触发提交的表单（submit事件会冒泡到表单元素）
  const currentForm = e.target;
  console.log('提交的表单是：', currentForm.name);
});
</script>

这种方法能批量处理所有表单，代码更简洁。

内容的提问来源于stack exchange，提问作者sevenwheels