Как решить проблему при отправке формы на сервер с помощью ajax?

Есть несколько 2 формы на странице

Есть обработчик test.php ( Один на все формы )

Работает только одна Как убрать или что-то сделать в скрипте с id="form_id"

Эти формы подтягиваются через
include "forma1.php"
include "forma2.php"

<script src="//code.jquery.com/jquery-1.11.3.js"></script>
<script type="text/javascript">
        $(function () {
            $('#form_id').submit(function(e){
                e.preventDefault();//отменяем действие по умолчанию(отправка формы)
                var data = $(this).serialize();// получаем данные из формы
                $.ajax({
                    url:'test.php',//адрес обработчика
                    type:'post',//метод передачи данных
                    data:data,
                    success:function(res){
                        $('#result').html(res);//выводим ответ с сервера в контейнер с id='result'
                    }
                })
            })
        })
    </script>
// форма 1
<form action="" id="form_id" method="POST" >
<input type="hidden" name="Key" value="'.$pass.'">
<input type="submit"  value="test">
</form>

// форма 2
<form action="" id="form_id" method="POST" >
<input type="hidden" name="account" value="'.$account.'">
<input type="submit"  value="test">
</form>
  • Вопрос задан
  • 47 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы