Разобью тебе по шагам
- навешиваешь на кнопку Зарегистрировать onlclik событие
$('#reg-btn').click(function(){ ... });
- в теле функции делаешь ajax запрос к php скрипту
$.ajax({
url: '/register.php',
type: 'post',
dataType: 'json',
success: function (data) {
$('#reg-form').hide();
$('#message').html(data.msg).show();
},
data:[
name: $('#reg-form-name').val(),
email: $('#reg-form-email').val(),
phone: $('#reg-form-phone').val()
]
});
теперь в register.php пишешь добавление в базу, создание аккаунта, и формирование ответа, типа того:
.....
$answer = 'Добро пожаловать ... ';
echo json_encode(['msg'->$answer]);
exit;
- вот и всё
Разумеется тебе надо добавить указанные id (reg-btn и т.д.) к полям формы и подготовить скрытый контейнер для вывода сообщения.
Простым языком:
- Готовишь два блока: блок формы и блок ответа. блок ответа скрываешь через style="display:hidden"
- При нажатии на кнопку в форме, отправляешь ajax запрос с данными скрипту на php
- Скрипт регистрирует пользователя и отправляет в качестве ответа json данные
- Когда Ajax запрос отработает и получит ответ от php скрипта, он скрывает окно формы ( jquery функция hide() ), выводит полученное сообщение во второе окно и отображает его ( jquery функция show() ).