Страница регистрации и подтверждения пароля как реализовать

[Muntik]

Добрый день подскажите как реализовать одностраничную форму авторизации :

Сейчас есть index.php :

<form action="action.php" method="POST">
<input type="text" class="form-control" id="username" name="username" placeholder="Номер телефона:79991112233 " required autofocus></br>
<button type="submit">Получить код</button>
</form>

action.php :
Генерирует пароль, делается запись в mysql связки username+password
Пароль отправляется на смс через api и появляется форма с подтверждением пароля полученного по смс.

<form action="$PORTAL_ACTION$" method="POST">
<input type="hidden" name = "auth_user" value="$username">
<input name="auth_pass" type="password" class="form-control">
<button type="submit">Отправить</button>
</form>

подскажите как можно реализовать такое же только на одной странице

 

[Горбушка]

AJAX?

 

[lexromanow]

Аякс или же во фрейм посылать данные и потом ловить от туда. В обеих случаях главная страница будет одна и не будет перезагружаться.

 

[horuz]

если подключить jquery и плагин к нему jQuery Form Plugin
то можно будет отправить форму аяксом и получить ответ в тот же самый див, перезагруженая форма из ответа уже не имеет обработчика и сабмит на второй форме уже приведет к переходу на другую страницу.

<div id="myForm">
<form action="action.php" method="POST">
<input type="text" class="form-control" id="username" name="username" placeholder="Номер телефона:79991112233 " required autofocus></br>
<button type="submit">Получить код</button>
</form>
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script>
 $(document).ready(function() { 
   $('#myForm form').attr("action","новый адрес для формы без дизайна");
   $('#myForm').ajaxForm({ target: '#myForm' } }); 
 }); 
</script>

изначально в форме адрес для перехода на форму с дизайном. если сработает яваскрипт, он заменит адрес на подгрузку формы без дизайна и повесит обработчик события на сабмит формы.