WTFform을 사용해서 register 하는 방법과

flash를 사용해서 상단에 message를 뿌려 주는 방법 (status: Success, Info, Error등)

각 필드에 대한 Validation 그리고 error 메시지 처리까지

먼저 https://flask-wtf.readthedocs.io/en/stable/  를 인스톨합니다.

Features

• Integration with WTForms.
• Secure Form with CSRF token.
• Global CSRF protection.
• reCAPTCHA support.
• File upload that works with Flask-Uploads.
• Internationalization using Flask-Babel.

pipenv install flask-wtf

from flask_wtf import FlaskForm

from wtforms import StringField, PasswordField, SubmitField, BooleanField

from wtforms.validators import DataRequired, Length, Email, EqualTo

class RegistrationForm(FlaskForm):

    username = StringField('Username', 

                    validators=[DataRequired(), Length(min=2, max=20)])

    email = StringField('Email',

                    validators=[DataRequired(), Email()])

    password = PasswordField('Password', 

                    validators=[DataRequired()])

    confirm_password = PasswordField('Confirm Password', 

                    validators=[DataRequired(), EqualTo('password')])

    submit = SubmitField('Sign Up')

class LoginForm(FlaskForm):

    email = StringField('Email',

                    validators=[DataRequired(), Email()])

    password = PasswordField('Password', validators=[DataRequired()])

    remember = BooleanField('Remember Me')

    submit = SubmitField('Login')

이 두줄은 Flask에 내장된 함수 같습니다.

from wtforms import StringField, PasswordField, SubmitField, BooleanField

from wtforms.validators import DataRequired, Length, Email, EqualTo

Login 까지...