Как в массиве form найти input[type='submit']?

Question

[neoneel]

есть форма:

<form id="forma" name="formReqToService">
  <input type="text" name="nameClient" value="" placeholder="Имя">
  <input type="text" name="emailClient" value="" placeholder="E-mail">
  <textarea name="messageClient" rows="8" cols="80" placeholder="Message"></textarea>
  <input type="submit" name="sbmtReqToService" value="Отправить">
</form>

находится она в файле, который ajax'ом подгружается на страницу, так вот вопрос, как мне с помощью js, обратится к кнопке отправить?

П.С.: пробовал так:

$(document).ready(function(){
var form = $("form");
               form.find("input[type='submit']").click(function(event) {
                 alert('buttonok');
           });

});

результат никакого

Comments

[EEclipsEE]

если форма грузится аяксом, то возможно скрипт пытается обратиься к ней до того как она загрузилась.

[neoneel]

EEclipsEE, да, тоже так подумал, возможно именно так оно и есть. Как в таких случаях решают вопрос об обработке форм?

[EEclipsEE]

попробуйте вынести скрипт с обработкой в отдельный файл, подключить ниже аякс подгрузки формы и добавить атрибут defer(начинает выполнять скрипт после рендеринга страницы).

[neoneel]

EEclipsEE, нет изменений

[EEclipsEE]

neoneel, а на что ругается консоль при попытке форму обработать?

[neoneel]

так ни на что,так как кнопка типа submit, отправляется гет запрос, ну а так как я сделал обработчик на гет запрос, то он мне выдает 404, так как по-этому гет запросу ничего нет(проект на NodeJS)

[Stalker_RED]

neoneel, ну так у вас же не указан ни action ни method.
И вообще, обрабатывать клик по кнопке идея так себе. Вы не задумывались, что будет, если юзер просто enter нажмет?

А вообще сам код поиска кнопки нормальный, разве что вызываете его слишком рано.

[neoneel]

Stalker_RED, однако для формы, которая не подгружается ajax, без использования action и mrthod, все работает;
в данном случае мне достаточно лишь клика)
в каком плане слишком рано? можете пояснить?

[Stalker_RED]

neoneel, $(document).ready это по сути синоним для domcontentloaded. На момент возникновения этого события форма еще не загружена, потому вы ее и не можете найти.