Как сделать, чтоб форма после нажатия не закрывалась?

Question

[lemonlimelike]

Всем привет. Сделал вот авторизацию, все норм, теперь нужно сделать восстановление пароля. По нажатию на кнопку "Забыли пароль?" выскакивает это модальное окно.
Сделал так, после того как пользователь ввел данные, в форме появляется еще одно поле, типа введите ваш новый пароль. Но это модальное окно после отправки перезагружает страницу. Как сделать чтоб не перезагружала страницу? Путем ajax'а?

PS... после того как ввел данные и жмет на отправить, страница перезагружается, и когда жмешь еще раз на кнопку то появляется еще одно поле

Comments

[Игорь Безлепкин]

Так не делают. После того как он отправляет свой email для восстановления, ты проверяешь его на стороне сервера, если пользователь существует, делаешь запись в поле password_recovery_token например. В это поле нужно ставить уникальный токен, собранный например из is юзера и временной метки. Отправляешь ему на почту письмо с текстом "если вы сбросили пароль, перейдите по ссылке https://site.ru/change-pass?token=fhhhhjkjcf3589
Он переходит, ты берёшь get параметр, делаешь поиск по базе по этому токену, если пользователь нашёлся, извлекаешь данные и работаешь с ними. выводишь клиенту форму для нового пароля.

Answer 1

[tema_sun]

То, что вы хотите, конечно, можно сделать. Делать это надо отправляя запрос ajax'ом.
Но вот это:

Сделал так, после того как пользователь ввел данные, в форме появляется еще одно поле, типа введите ваш новый пароль.

плохое решение.
Высылайте пользователю уникальную одноразовую ссылку, где он сможет установить новый пароль.

Answer 2

[Pazzik]

https://developer.mozilla.org/ru/docs/Web/API/Even... чтобы не перезагружалась страница при нажатии на кнопку.
+ ajax чтобы сделать сам запрос.