Показать сообщение отдельно
  #1 (permalink)  
Старый 01.04.2014, 10:04
Аспирант
Отправить личное сообщение для aleksandr8i Посмотреть профиль Найти все сообщения от aleksandr8i
 
Регистрация: 16.06.2012
Сообщений: 44

Ajax+js+5 форм обратной связи на одной странице
Привет, друзья.

Помогите разобраться с ajax. На одной странице несколько форм около пять... Есть javasrcipt вот
<script>
        var id_form = '{$form.url}';
        var success_msg = '{$form.success}';
        {literal}
        function send_widget_form(i){
            $(i).attr('value','Загрузка');
            $.ajax({
                url : $('#'+id_form).attr('action'),
                    type: $('#' + id_form).attr('method'),
                    data: $('#' + id_form).serialize(),
                    success: function(data)
                    {
                        data = $(data).find('.result').text();
                        if (data === success_msg)
                        {
                            $('.result').addClass('good');
                        }
                        else
                        {
                            $('.result').removeClass('good');
                        }
                        $('.result').html(data);
                        $('#btn_send_ajax').attr('value', 'Отправить');
                    }
                });
                return false;
            }
        {/literal}
    </script>


С ajax-(ом) форма работает только одна из пяти. С отключенным аяксом все формы работают.
Как поправить js что бы на одной странице работали все формы? Подскажите пожалуйста.

К сведению:
Работает с аяксом почему то только нижняя форма. Если допстим заполнить поля нижней формы, а нажать кнопку у верхнее формы то на электроннку почту придут данные с нижней формы...
Ответить с цитированием