获取在JavaScript中提交的表格的实例

Question

在提交之前，我想了解要提交的表格的处理。

1. 页面中可能有多种形式
2. 我不知道表格名称/ID

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

Answer 1

与jQuery一样，这就是这样：

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

Answer 2

没有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 3

如果您使用jQuery，则可以考虑这样做：

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

在纯JavaScript中，您可以通过执行Document.getElementsbytagname（“ form”）和循环循环通过您获得的数组。