Как запустить скрипт в момент отправки данных через button submit?

Question

[Alexander Lashchevsky]

Здравствуйте!
Имеется некая форма:

<form>
    <input name="login">
    <input name="password1">
    <input name="password2">
</form>

И имеется кнопка, которая эту форму отправляет на обработку:

<button name="submit" type="submit">Отправить</button>

В общем стандартная форма регистрации.
И есть скрипт:

$("button").???????????(function(e){
  // тут всякие действия
});

Кнопка данные отправляет и это работает замечательно, но мне также нужно, чтобы при отправке происходили действия, которые описаны в скрипте. Т.е. в приведённом мной коде скрипта нужно что-то подставить вместо ???????????, чтобы скрипты происходили при отправке формы.
Есть ряд осложнений:
1. Нельзя подставить onhover, так как кнопка срабатывает не только при непосредственном нажатии на неё, но и при нажатии enter в любом из inputов.
2. Сделать надо это именно фронтэндовыми скриптами. Можно, конечно, всё это загнать в PHP, но если здесь я имею хоть какое-то представление о способе реализации, то с PHP я не дружу совсем.

Собственно, повторю вопрос:
Что подставить вместо ??????????? в код скрипта, чтобы этот скрипт срабатывал при отправке формы?

P.S. было бы совсем хорошо, если бы отправленные на обработку данные были с учётом всех изменений, внесённых скриптом. Т.е. человек нажимает кнопку отправить (или нажимает enter в любом inpute), скрипты делают своё дело - вносят некоторые изменения в данные формы, и уже после этого форма отправляется в свободный полёт и несёт на сервер свои данные.

С уважением,
Александр.

Answer 1

[cha-cha]

Вот чтоб было совсем хорошо:

$("button").click(function(e){
    e.preventDefault();
    // тут всякие действия
    $(this).closest("form").submit();
});

Comments

[Alexander Lashchevsky]

Спасибо!

[Евгений Петров]

@cha-cha и чего тут совсем хорошего, если нужно отслеживать отправку формы, а не клик на кнопку?

[Alexander Lashchevsky]

@Petroveg, в любом случае, у меня всё заработало, даже если нажать энтер в любом инпуте.

[cha-cha]

Не вник в суть, извиняюсь.
@Lashchevsky, @Petroveg прав, ловите submit формы чтоб ваш скрипт работал как надо. В примере выше при отправке формы не кнопкой он не срабатывает.

Answer 2

[Сергей]

Если я правильно понял, то подойдет событие onsubmit
В селектор при этом надо ставить форму, а не кнопку. Также посмотрите функцию jquery .on()

Comments

[Alexander Lashchevsky]

К сожалению, при onsubmit ничего не работает. :(

[Александр Петров]

@Lashchevsky При использовании jQ событие будет просто submit. Ну и вешать его не кнопку, а на форму — $('form').on('submit', function() {}); – это лучший вариант, чем нажатие на кнопку. Ибо форма еще по энтеру может сабмититься ;)

[Евгений Петров]

@Lashchevsky вам советуют как надо, но вы выбираете тупик. Нужно указать атрибут форме:

<form data-type="test">...</form>

$(document).on('submit', '[data-type~="test"]', function (e) {
e.preventDefault();
	...
	});
</code

Прямо история с деревом для небоскрёба...

[Евгений Петров]

@butteff событие называется submit. У событий в имени нет никакого on в начале имени — это искажение многие переносят с названий атрибутов событий из реализации DOM Level 1. Практика атрибутов канула в лету, но наследие своё таки оставила.

[Сергей]

@Petroveg спасибо