0 / 0 / 0
Регистрация: 26.05.2016
Сообщений: 137
1

Как добавить новое поле в форму через js/php?

17.11.2018, 21:04. Показов 1084. Ответов 1

Author24 — интернет-сервис помощи студентам
Есть html форма с одним лишь полем ввода номера телефона, я хочу добавить туда еще и поле для ввода имени, но не могу разобраться как это реализовать в js...
Вот сама форма изначально:
HTML5
1
2
3
4
            <form>
                <div class="userphone"> <input class="br user_phone" type="tel" placeholder="(___) ___ __ __" name="tNum"></div>
                <input class="mal_knopka br" type="submit" value="Заказать звонок!" />
            </form>
А вот она же, но уже с добавленным полем имени:
HTML5
1
2
3
4
5
            <form>
                <input class="br" type="text" placeholder="Ваше Имя" name="fName">
                <div class="userphone"> <input class="br user_phone" type="tel" placeholder="(___) ___ __ __" name="tNum"></div>
                <input class="mal_knopka br" type="submit" value="Заказать звонок!" />
            </form>
Форма через js отправляет данные в обработчик php, вот вся функция в javascript:
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
$(function() 
{
    $('.call-knopka, .footer-main .br, .footer-inter .br').click(function(){
          $('.zakaz_zvonka').arcticmodal();
    });   
       
    $(".zakaz_zvonka form").submit(function()
    {
        var formData = $('form').serialize(),
        var inp = $(this).find('input[name="tNum"]'), 
        tNum = inp.val(),
        type = 'zakaz_zvonka';
        zakaz_zvonka(inp, tNum, type); 
        return false;
    });         
 
    $('.akciya1 form').submit(function()
    {
        $('.bb').remove();  
        var inp = $(this).find('input[name="tNum"]'),
        tNum = inp.val();
        type = 'akciya1';
        zakaz_zvonka(inp, tNum, type); 
        return false;
    });  
 
    function zakaz_zvonka(inp, tNum, type)
    {    
        if(inp.hasClass('red')) inp.removeClass('red');
        if($('.' + type + ' .error').is(':visible')) $('.' + type + ' .error').remove();
        if(!tNum) 
        {
            inp.addClass('red');
            $('<b class="error">Пожалуйста, укажите номер телефона!</b>').appendTo('.' + type).hide().fadeIn();
            return false; 
        }; 
          
        $.ajax(
        {
        var formData = $('form').serialize(),
        type: 'POST',
        dataType: 'json', 
        data: formData, 
        
        beforeSend: function(data)
        { 
            $('.' + type).find('input[type="submit"]').attr('disabled', 'disabled'); 
        },   
        success: function(data)
        { 
            if (data.error) 
            { 
                $('<b class="error">' + data.error + '</b>').appendTo('.' + type).hide().fadeIn();
            } 
            else
            {
                inp.prop('value', ''); 
                $('.bb').remove();  
                if($('.zakaz_zvonka img').is(':visible')) $('.zakaz_zvonka img').click();   
                $('<div class="hidden bb">'
                          + '<div class="thank_bron thank_zakaz">'
                             +  '<img src="' + path + 'images/spasibo_foto.png" alt="сотрудник" />'
                             +  '<img class="arcticmodal-close" src="' + path + 'images/close.gif" alt="закрыть" />'
                             +  '<h4>Спасибо!</h4>'
                             +  '<p>В ближайшее время мы Вам перезвоним!</p>' 
                             +  '<a class="br arcticmodal-close">Закрыть</a>' 
                          + '</div> '
                      + '</div>').appendTo('body');    
                 $('.thank_bron').arcticmodal();
                 
               /*  if(type == 'zakaz_zvonka')
                {
                    yaCounter28448171.reachGoal('ZAKAZ_ZVONKA');
                    ga('send', 'event', 'form', 'ZAKAZ_ZVONKA');
                } 
                else if (type == 'akciya1')
                {
                    yaCounter28448171.reachGoal('ZAKAZ_RASSROCHKI');
                    ga('send', 'event', 'form', 'ZAKAZ_RASSROCHKI');
                }*/
            }
         },
            error: function(data){$('<b class="error">Ошибка соединения с сервером!</b>').appendTo('.' + type).hide().fadeIn();},
            complete: function(data){$('.' + type).find('input[type="submit"]').prop('disabled', false);}         
        });
    } 
});
Каким образом теперь дать знать js, что ему нужно обработать еще одно поле с именем и отправить в обработчик php?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
17.11.2018, 21:04
Ответы с готовыми решениями:

Как добавить онлайн оплату или банковские переводы в страницу через PHP или через JavaScript
Здравствуйте ребята))) подскажите пожалуйста, как добавить онлайн оплату или банковские переводы в...

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

Как корректно добавить новое поле в таблицу БД?
Здравствуйте. В общем, работаю с чужим скриптом. Мне нужно добавить одно или два поля в одну...

Как добавить новое поле в таблице Access посредством VB?
Я работаю с таблицей Access, в которую периодически надо добавлять новые поля. Может это можно...

1
Тутошний я
2146 / 1201 / 225
Регистрация: 03.11.2009
Сообщений: 4,416
Записей в блоге: 2
25.11.2018, 18:34 2
serialize()

Добавлено через 1 минуту
она отправляет все заполненные, активированные поля.
0
25.11.2018, 18:34
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
25.11.2018, 18:34
Помогаю со студенческими работами здесь

Как к заданной таблице (dbf файл), у которой x полей, добавить новое поле?
как к заданной таблице (dbf файл), у которой x полей добавить новое поле? на форме datasourse,...

Как добавить поле в форму
Подскажите как добавить поле &quot;количество&quot; в форму На каждый вопрос создавайте по одной теме!...

Как добавить запись в подчиненную форму через форму элемента?
Есть основная форма. На ней подчиненная табличная форма - список короче. Отдельно есть форма для...

Как добавить однострочное поле на форму?
Ребят как добавить однострочное поле на форму? У меня нет этого компонента. ЧТО ДЕЛАТЬ?


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru