Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Всплывающее окно ответа на отправку формы (https://javascript.ru/forum/misc/67447-vsplyvayushhee-okno-otveta-na-otpravku-formy.html)

NaMoRZA 17.02.2017 23:38

Всплывающее окно ответа на отправку формы (js/php)
 
Здравствуйте, уважаемые.
Неделю назад появилась потребность создания формы с отправкой данных через обработчик и выводом результата обработки пользователю. Так как до этого из интернет-технологий знал html и css, то неделю рыскал по сети, немного нахватался начальных знаний php и немного js.
Соорудил все из того, что надо, только не понимаю как сделать, чтобы ответ не просто приходил в html, а появлялся во всплывающем окне. Помогите пож-та.
Код формы (ajax.php):
<script type="text/javascript">
        $(function () {
            $('#form_id').submit(function(e){
                e.preventDefault();
                var data = $(this).serialize();
                $.ajax({
                    url:'reg.php',
                    type:'post',
                    data:data,
                    success:function(res){
                        $('#result').html(res);
                    }
                })
            })
        })
    </script>
 
<form id="form_id" method="post">
        <input type="hidden" name="data1" value="<?=$ip?>">
        <label class="form_label">Ф.И.О.:</label>
            <input type="text" name="name" placeholder="Введите имя" pattern="[a-zA-Zа-яА-ЯёЁіІїЇєЄ]+\s[a-zA-Zа-яА-ЯёЁіІїЇєЄ]{2,64}|[a-zA-Zа-яА-ЯёЁіІїЇєЄ]{2,64}" required title="Разрешены только буквы">
        <label class="form_label">Телефон:</span></label>
            <input type="text" name="phone" placeholder="Введите телефон" pattern="[+]{1}[0-9]{5,15}|[0-9]{5,14}" required title="Разрешены только цифры">
        <button type="submit" name="sub">Ok</button>
    </form>
    
    <div id="result"></div>


Сокращенный код скрипта-обработчика (reg.php):
<?php
echo 'name-'.$_POST['name'].'<br>'.'phone- '.$_POST['phone'];
?>

Спасибо заранее.

ps: Понимаю, что должно быть просто, но рыская дальше по форуму и интернету ничего не могу человеческого найти, а то, что нахожу - больше похоже на костыли..( Может не так ищу, не знаю, но за неделю уже голова кипит от количества информации – сплошная каша из php/js/html/css..(( и никак не могу понять как это сделать.
PS2: Файл с формой на самом деле в несколько раз больше, а в reg.php почти 100 строк (php мне далось проще всего), – здесь показал сокращенный вариант для простоты.


Часовой пояс GMT +3, время: 08:27.