Javascript Ajax DOM добавить в форму

Question

В моем проекте я создаю с помощью Ajax DOM форму POST.Я должен добавить метод onsubmit, я пытаюсь:

var impform = document.createElement("FORM");
impform.method = "post";
impform.onsubmit = "/import_templ";

, но когда я загружаю свою форму веб-страницы, все в порядке, и метод был POST, но метода onsubmit нет.

Как я могу добавить свой метод onsubmit в форму?

Заранее спасибо

Answer 1

Предполагается, что / import_templ - это путь, к которому вы хотите получить доступ, поэтому вы должны указать это в действии формы, не находящейся на отправке

impform.method = "/ import_templ";

затем измените тип кнопки на «отправить» ИМПОРТ ЭТОГО ШАБЛОНА

Answer 2

например.Форма DOM / доступ для ввода и нажмите кнопку отправить.

<form method="post" name="form_test">
  <button type="button" name="submit_test" >test</button>
</form>
<script>
document.form_test.method = "post";
document.form_test.action = "/import_templ";
document.form_test.addEventListener("click", submit);
function submit () {
  document.form_test.submit();
}
</script>

Answer 3

Значение, присвоенное свойству onsubmit (или прикрепленное к addEventListener, что является современным подходом), должно быть функцией .

Вы присваиваете строку.

function submitHandler(e) {
    e.preventDefault();
    document.body.style.background = '#aaf';
}

var impform = document.createElement("form");
impform.method = "post";
impform.action = "http://example.com/";
impform.addEventListener("submit", submitHandler);

var btn = document.createElement("input");
btn.type="submit";

impform.appendChild(btn);
document.body.appendChild(impform);