flask wtforms 的效验

flask版

.py

from flask import Flask, render_template, request, session, current_app, g, redirect
from wtforms import Form
from wtforms.fields import simple
from wtforms.fields import html5
from wtforms.fields import core
from wtforms import widgets
from wtforms import validators

app = Flask(__name__)


class RegisterForm(Form):
    name = simple.StringField(
        label='用户名',
        validators=[
             validators.DataRequired(message='用户名不能为空')
         ],
        widget=widgets.TextInput(),
        render_kw={'class': 'form-control'},
        default='jocket'
    )
    pwd = simple.PasswordField(
        label='密码',
        validators=[
            validators.DataRequired(message='密码不能为空'),
        ],
        widget=widgets.PasswordInput(),
        render_kw={'class': 'form-control'}
    )
    pwd_confirm = simple.PasswordField(
        label='确认密码',
        validators=[
            validators.DataRequired(message='密码不能为空'),
            validators.EqualTo('pwd', message='两次密码输入不一致')
        ],
        widget=widgets.PasswordInput(),
        render_kw={'class': 'form-control'}
    )
    email = html5.EmailField(
        label='邮箱',
        validators=[
            validators.DataRequired(message='邮箱不能为空'),
            validators.Email(message='邮箱格式错误')
        ],
        widget=widgets.TextInput(input_type='email'),
        render_kw={'class': 'form-control'}
    )
    gender = core.RadioField(
        label='性别',
        choices=(
            (1, '男'),
            (2, '女')
        ),
        coerce=int
    )
    city = core.SelectField(
        label='城市',
        choices=(
            ('bj', '北京'),
            ('sh', '上海'),
        )
    )
    hobby = core.SelectMultipleField(
        label='爱好',
        choices=(
            (1, '篮球'),
            (2, '足球'),
        ),
        coerce=int
    )
    favor = core.SelectMultipleField(
        label='喜好',
        choices=(
            (1, '篮球'),
            (2, '足球'),
        ),
        widget=widgets.ListWidget(prefix_label=False),
        option_widget=widgets.CheckboxInput(),
        coerce=int,
        default=[1, 2]

    )


class LoginForm(Form):
    name = simple.StringField(
        validators=[
            validators.DataRequired(message="用户名不能为空"),
            # validators.Length(min=6, max=18, message="用户名长度必须大于%(min)d且小于%(max)d")
        ],
        render_kw={"placeholder": '请输入用户'}
    )
    pwd = simple.PasswordField(
        validators=[
            validators.DataRequired(message="密码不能为空"),
            # validators.Length(min=6, max=18, message='密码长度必须大于%(min)d'),
            # validators.Regexp(regex="^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$15*？&])[A-Za-z\d$@$!%*?&]{8,}",
            #                   message="密码至少8个字符,至少1个大写字母, 1个小写字母,1个数字和1个特殊字符")
        ],
        render_kw={"placeholder": "请输入密码"}
    )


@app.route('/register', methods=['GET', 'POST'])
def register():
    if request.method == 'GET':
        form = RegisterForm()
        return render_template('register.html', form=form)
    form = RegisterForm(formdata=request.form)
    if form.validate():
        print(form.data)
        return redirect('/login')


@app.route('/login', methods=['GET', "POST"])
def login():
    if request.method == "GET":
        form = LoginForm()
        print(form.name, form.pwd)  # <input/>
        return render_template('login.html', form=form)

    form = LoginForm(formdata=request.form)
    if form.validate():
        print("验证成功")
        print(form.data)
        return 'data'
    else:
        print(form.errors)
        return render_template('login.html', form=form)


if __name__ == '__main__':
    app.run(debug=True)

View Code

.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>title</title>
</head>
<body>
<form action="/login" method="post" novalidate>
    <p>
        {{form.name}}
    </p>
    {{form.name.errors.0}}
    <p>
        {{form.pwd}}
    </p>
    {{form.pwd.errors.0}}
    <p>
        <input type="submit" value="提交">
    </p>

</form>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<form action="" method="" novalidate>
    {% for i in form %}
    <p>
       {{i.label}}: {{i}}  {{i.errors[0]}}
    </p>
    {% endfor %}
    <input type="submit" value="提交">
</form>

</body>
</html>

View Code

flask wtforms 的效验

猜你喜欢