Получите экземпляр формы, представленной в JavaScript

Question

Я хочу получить ручку на представленную форму перед отправкой.

1. На странице может быть больше одной формы
2. Я не знаю имя формы / ID

Причина: я хочу сделать некоторое крутое движение до того, как форма подана на уровне шаблона.

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 вы можете настолько что-то похожее, выполнив документ. GetElementsBytagname («Форма») и петля через массив, который вы получаете.