В настоящее время я создаю статическую веб-страницу с панелью меню. После нажатия кнопки входа в систему (чистый) javascript динамически создает форму входа в систему со стандартным адресом электронной почты, паролем и т. Д. И эффектом всплывающего окна на модале.
let registerLoginAccountForm = document.createElement('form');
registerLoginAccountForm.setAttribute('role', 'form');
innerForm.appendChild(registerLoginAccountForm);
let emailInput = document.createElement('input');
emailInput.setAttribute('class', 'email');
emailInput.placeholder = 'email';
, и я изменяю URL-адрес с помощью window.history.replaceState()
.
. Моя проблема заключается в том, что я использую Flask в качестве бэкэнда, и мне нужен способ проверки входных данных формы.WTForms, кажется, лучший ответ, но это требует перезагрузки и рендеринга конкретного шаблона.Цель состоит в том, чтобы создать нечто похожее на:
#login.html
<form class="form-login" role="form" method="post" action="">
{{ form.csrf_token }}
<p>
{{ form.email(placeholder="email") }}
<span class="error">
{% if form.email.errors %}
{% for error in form.email.errors %}
{{ error }}
{% endfor %}
{% endif %}
</span>
</p>
Без перезагрузки страницы или использования файла шаблона.Вместо этого просто используйте динамически созданную форму для отправки данных в Flask для обработки WTForm.