获取在 javascript 中提交的表单的实例

Question

我想在提交之前处理正在提交的表单。

1. 页面中可能有多个表单
2. 我不知道表单名称/ID

原因：我想在模板级别提交表单之前进行一些调整。

Answer 1

如果没有 jQuery，它会是这样的：

for (var i=0; i < document.forms.length; i++){
  document.forms[i].onSubmit = function(){
    // logic goes here;
    // document.forms[i] is the instance of form
    if (formIsHappy()){
      return true; //form submits
    }else{
      return false; //prevents the submit
    }
  };
}

Answer 2

如果使用 jQuery，它会是这样的：

$(function() {
  $('form').submit(function() {
    // the code goes here;
    // variable `this` is an instance of form
    alert($(this).className);
  });
});

Answer 3

如果你使用 jQuery，你可以考虑做这样的事情：

$("form").submit(function(e) {
    console.log("Form ID that is being submit %s",$(this).attr("id"));
});

在纯 javascript 中，你可以通过执行 document.getElementsByTagName("form") 并循环遍历你得到的数组来完成类似的事情。