zoukankan      html  css  js  c++  java
  • 测开之路一百四十八:WTForms表单验证

    使用WTForms表单验证,可以在数据建模时就设置验证信息和错误提示

    创建模型时,设置验证内容,如必填、格式、长度

    from flask_wtf import Form
    from wtforms import StringField, PasswordField, BooleanField
    from wtforms import validators


    class UserRegForm(Form):
    username = StringField('用户名',
    [validators.DataRequired('用户名必填!'), validators.Length(min=4, max=8, message='长度为4-8之间')])

    email = StringField('邮箱', [validators.Email('邮箱格式不正确')])

    password = PasswordField('密码',
    [validators.DataRequired('密码必填!'), validators.Length(min=6, max=16, message='长度为6-16之间')])

    confirm = PasswordField('确认密码', [validators.EqualTo('password', message='密码输入不一致')])
    accept = BooleanField('同意协议', [validators.DataRequired('同意协议才可以注册')])

    前台页面,渲染数据信息和错误信息

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>用户注册</title>
    </head>
    <body>
    <form action="#" method="POST">
    {#form要求加上form.csrf_token方脚本跨域攻击#}
    {{ form.csrf_token }}
    <table border="1">
    <tr>
    <td>{{ form.username.label }}</td>
    <td>{{ form.username }}</td>
    {# 如果有错误信息,就遍历出来#}
    <td>
    {% if form.username.errors %}
    {% for error in form.username.errors %}
    <li>{{ error }}</li>
    {% endfor %}
    {% endif %}
    </td>
    </tr>
    <tr>
    <td>{{ form.email.label }}</td>
    <td>{{ form.email }}</td>
    <td>
    {% if form.email.errors %}
    {% for error in form.email.errors %}
    <li>{{ error }}</li>
    {% endfor %}
    {% endif %}
    </td>
    </tr>
    <tr>
    <td>{{ form.password.label }}</td>
    <td>{{ form.password }}</td>
    <td>
    {% if form.password.errors %}
    {% for error in form.password.errors %}
    <li>{{ error }}</li>
    {% endfor %}
    {% endif %}
    </td>
    </tr>
    <tr>
    <td>{{ form.confirm.label }}</td>
    <td>{{ form.confirm }}</td>
    <td>
    {% if form.confirm.errors %}
    {% for error in form.confirm.errors %}
    <li>{{ error }}</li>
    {% endfor %}
    {% endif %}
    </td>
    </tr>
    <tr>
    <td></td>
    <td>{{ form.accept }}{{ form.accept.label }}</td>
    </tr>
    <tr>
    <td></td>
    <td><input type="submit" value="提交"></td>
    </tr>
    </table>
    </form>
    </body>
    </html>

    路由

    from flask import Flask, render_template, request

    app = Flask(__name__, static_url_path='') # 初始化app,


    @app.route('/reg/', methods=['GET', 'POST'])
    def user_reg():
    from validations.froms import UserRegForm
    form = UserRegForm(request.form)
    if request.method == 'POST' and form.validate():
    return str(form.data)
    return render_template('user-reg.html', form=form)

    访问并触发验证

    输入符合要求的数据访问

  • 相关阅读:
    delphi 中的异常处理结构
    delphi 获取系统临时文件夹路径
    delphi 之选择文件夹/目录路径的函数SelectDirectory
    delphi DevExpress 系列控件的一点感悟
    delphi 之DevExpress 汉化方法:
    SqlServer 查询表中字段的字段说明:
    delphi数据类型之句柄类型
    Delphi中之PChar, PWideChar, pAnsiChar三种数据类型的一点感悟
    求数值型数组中元素的最大值、最小值、平均值、总和等。
    杨辉三角的实现
  • 原文地址:https://www.cnblogs.com/zhongyehai/p/11538118.html
Copyright © 2011-2022 走看看