Есть две формы, в одной текстовые поля, во второй файлы.
//первая
<form method='post' id='form1' action='new-task.php'>
<input type='text' name='title'>
<textarea name='description'></textarea>
<input type='date' name='deadline'>
</form>
//вторая
<form enctype='multipart/form-data' id='form2' action='new-task.php' method='POST'>
<input type='"file' multiple id='file' name='taskfile[]'>
</form>
Требуется обработать обе нажатием одной кнопки.
Я пробовала с помощью ajax запроса вот так:
//код кнопки
<input type='button' value='Создать' onclick='submitForms()'>
//функция submitForms()
submitForms = function(){
$.ajax({
type: "POST",
url: "new-task.php",
data: {
title:$('#form1 input[name=title]')[0].value},
description:$('#form1 input[name=description]')[0].value},
deadline:$('#form1 input[name=deadline]')[0].value},
},
success: function(result){
$("#form2").submit();
}
});
Но при таком варианте кнопка просто становится неактивной (не нажимается).
Плохо понимаю javascript, помогите, пожалуйста, найти ошибку или альтернативный вариант решения.