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

时间:2010-07-01 17:05:49

标签: javascript forms hidden-field onsubmit

我希望在提交之前处理提交的表单。

  1. 页面中可能有多个表单
  2. 我不知道表格名称/ id
  3. 原因:我想在模板级别提交表单之前做一些推文。

3 个答案:

答案 0 :(得分: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
    }
  };
}

答案 1 :(得分:0)

使用jQuery它会是这样的:

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

答案 2 :(得分:0)

如果你使用jQuery,你可以看看这样的事情:

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

在Pure javascript中,您可以通过执行document.getElementsByTagName(“form”)来循环访问您获得的数组。