创新互联Flask教程：FlaskWTF

TextField

表示 HTML表单元素

BooleanField

表示 HTML表单元素

DecimalField

用于显示带小数的数字的文本字段

IntegerField

用于显示整数的文本字段

RadioField

表示 HTML表单元素

SelectField

表示选择表单元素

TextAreaField

表示 HTML表单元素</p> </td> </tr> <tr> <td style="text-align: center">8</td> <td> <p><strong> PasswordField</strong></p><p>表示<input type = 'password'> HTML表单元素</p> </td> </tr> <tr> <td style="text-align: center">9</td> <td> <p><strong> SubmitField</strong></p><p>表示<input type = 'submit'>表单元素</p> </td> </tr> </tbody> </table> <p>例如，包含文本字段的表单可以设计如下：</p><pre><code>from flask_wtf import Form from wtforms import TextField class ContactForm(Form): name = TextField("Name Of Student") </code></pre><p>除了<strong>'name'</strong>字段，还会自动创建CSRF令牌的隐藏字段。这是为了防止<strong>Cross Site Request Forgery（<strong>跨站请求伪造</strong>）</strong>攻击。</p><p>渲染时，<b>这将导致等效的HTML脚本</b>，如下所示：</p><pre><code><input id = "csrf_token" name = "csrf_token" type = "hidden" /> <label for = "name">Name Of Student</label><br> <input id = "name" name = "name" type = "text" value = "" /> </code></pre><p>在Flask应用程序中使用用户定义的表单类，并使用模板呈现表单。</p><pre><code>from flask import Flask, render_template from forms import ContactForm app = Flask(__name__) app.secret_key = 'development key' @app.route('/contact') def contact(): form = ContactForm() return render_template('contact.html', form = form) if __name__ == '__main__': app.run(debug = True) </code></pre><p>WTForms包也包含验证器类。它对表单字段应用验证很有用。以下列表显示了常用的验证器。</p> <table> <tbody> <tr> <th width="10%">序号</th> <th>验证器类与描述 </th> </tr> <tr> <td style="text-align: center">1</td> <td> <p><strong> DataRequired</strong></p><p>检查输入字段是否为空</p> </td> </tr> <tr> <td style="text-align: center">2</td> <td> <p><strong>Email <br /></strong></p><p>检查字段中的文本是否遵循电子邮件ID约定</p> </td> </tr> <tr> <td style="text-align: center">3</td> <td> <p><strong>IPAddress</strong></p><p>在输入字段中验证IP地址</p> </td> </tr> <tr> <td style="text-align: center">4</td> <td> <p><strong>Length</strong></p><p>验证输入字段中的字符串的长度是否在给定范围内</p> </td> </tr> <tr> <td style="text-align: center">5</td> <td> <p><strong> NumberRange</strong></p><p>验证给定范围内输入字段中的数字</p> </td> </tr> <tr> <td style="text-align: center">6</td> <td> <p><strong>URL</strong></p><p>验证在输入字段中输入的URL</p> </td> </tr> </tbody> </table> <p>现在，我们将对联系表单中的<strong>name</strong>字段应用<strong>'DataRequired'</strong>验证规则。</p><pre><code>name = TextField("Name Of Student",[validators.Required("Please enter your name.")]) </code></pre><p>如果验证失败，表单对象的<strong>validate()</strong>函数将验证表单数据并抛出验证错误。<strong>Error</strong>消息将发送到模板。在HTML模板中，动态呈现error消息。</p><pre><code>{% for message in form.name.errors %} {{ message }} {% endfor %} </code></pre><p>以下示例演示了上面给出的概念。<strong>Contact表单</strong>的设计如下<strong>（forms.py）</strong>。</p><pre><code>from flask_wtf import FlaskForm from wtforms import TextField, IntegerField, TextAreaField, SubmitField, RadioField, SelectField from wtforms import validators, ValidationError class ContactForm(Form): name = TextField("Name Of Student",[validators.Required("Please enter your name.")]) Gender = RadioField('Gender', choices = [('M','Male'),('F','Female')]) Address = TextAreaField("Address") email = TextField("Email",[validators.Required("Please enter your email address."), validators.Email("Please enter your email address.")]) Age = IntegerField("age") language = SelectField('Languages', choices = [('cpp', 'C++'), ('py', 'Python')]) submit = SubmitField("Send") </code></pre><p>验证器应用于<strong>Name</strong>和<strong>Email</strong>字段。</p><p>下面给出了Flask应用程序脚本<strong>（formexample.py）</strong>。</p><pre><code>from flask import Flask, render_template, request, flash from forms import ContactForm app = Flask(__name__) app.secret_key = 'development key' @app.route('/contact', methods = ['GET', 'POST']) def contact(): form = ContactForm() if request.method == 'POST': if form.validate() == False: flash('All fields are required.') return render_template('contact.html',form = form) else: return render_template('success.html') elif request.method == 'GET': return render_template('contact.html',form = form) if __name__ == '__main__': app.run(debug = True) </code></pre><p>模板<strong>（contact.html）</strong>的脚本如下：</p><pre><code><!doctype html> <html> <body> <h2 style = "text-align: center;">Contact Form</h2> {% for message in form.name.errors %} <div>{{ message }}</div> {% endfor %} <form action = "http://localhost:5000/contact" method = post> <fieldset> <legend>Contact Form</legend> {{ form.hidden_tag() }} <div style ="font-size:20px;font-weight:bold;margin-left:150px;"> {{ form.name.label }}<br> {{ form.name }} <br> {{ form.Gender.label }} {{ form.Gender }} {{ form.Address.label }}<br> {{ form.Address }} <br> {{ form.email.label }}<br> {{ form.email }} <br> {{ form.Age.label }}<br> {{ form.Age }} <br> {{ form.language.label }}<br> {{ form.language }} <br> {{ form.submit }} </div> </fieldset> </form> </body> </html> </code></pre><p>在Python shell中运行<strong>formexample.py</strong>，访问URL<strong> http://localhost:5000/contact</strong>。显示<strong>Contact</strong>表单将如下所示。</p></p><p>如果有任何错误，页面将如下所示：</p></p><p>如果没有错误，将显示<strong>'success.html'</strong>。</p></p> <p> 当前文章：<a href="http://www.shufengxianlan.com/qtweb/news2/426752.html">创新互联Flask教程：FlaskWTF</a> <br> 网站链接：<a href="http://www.shufengxianlan.com/qtweb/news2/426752.html">http://www.shufengxianlan.com/qtweb/news2/426752.html</a> </p> <p> 网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等 </p> <p class="adpic"> <a href="https://www.cdcxhl.com/service/ad.html" target="_blank" class="ad">广告</a> <a href="" target="_blank" class="adimg"><img src=""></a> </p> <p class="copy"> 声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： <a href="https://www.cdcxhl.com/" target="_blank">创新互联</a> </p> </div> <div class="newsmorelb"> <p>猜你还喜欢下面的内容</p> <ul> <li> <a href="/qtweb/news1/426751.html">云锁教程宝塔面板安装指南</a> </li><li> <a href="/qtweb/news0/426750.html">香港vps可以用来做什么？（香港云服务器vps有哪些用途）</a> </li><li> <a href="/qtweb/news49/426749.html">linux如何部署测试环境</a> </li><li> <a href="/qtweb/news48/426748.html">phpcms页面乱码怎么办</a> </li><li> <a href="/qtweb/news47/426747.html">Linuxcentos系统的IP设置配置方法是怎样的</a> </li><li> <a href="/qtweb/news46/426746.html">c语言strcpy函数怎么定义</a> </li><li> <a href="/qtweb/news45/426745.html">电信移动双宽带如何指定网页出口？(服务器出口带宽怎么设置的)</a> </li><li> <a href="/qtweb/news44/426744.html">开源界的双重力量——OS与Linux(tntoslinux)</a> </li><li> <a href="/qtweb/news43/426743.html">传媒网站</a> </li> </ul> </div> </div> <div class="col-lg-3 noneb"> <div class="bkright" style="margin-top: 0"> <p><a href="https://www.cdcxhl.com/news/sheji/">网站设计知识</a></p> <ul> <li> <a class="text_overflow" href="/qtweb/news45/332795.html">服务器可以用来干嘛?（服务器可以用来干嘛呢)</a> </li><li> <a class="text_overflow" href="/qtweb/news49/210449.html">怎么创建一个网站平台呢</a> </li><li> <a class="text_overflow" href="/qtweb/news32/173432.html">海外服务器租用如何选择呢？（台湾服务器租用常用的数据备份方式）</a> </li><li> <a class="text_overflow" href="/qtweb/news33/460483.html">租用服务器怎么使用？租用服务器流量</a> </li><li> <a class="text_overflow" href="/qtweb/news10/231460.html">从0到1：微信后台系统的演进之路（转自INFOQ）</a> </li><li> <a class="text_overflow" href="/qtweb/news12/206612.html">对AR应用开发项目有帮助的12款优秀的增强现实类SDK</a> </li><li> <a class="text_overflow" href="/qtweb/news22/533572.html">常见的服务器连接失败原因有哪些</a> </li><li> <a class="text_overflow" href="/qtweb/news8/38308.html">99%的人没使用过它俩，Docker优秀实践</a> </li><li> <a class="text_overflow" href="/qtweb/news21/61871.html">创新互联MSSQL教程SQLINSERTINTO语句</a> </li><li> <a class="text_overflow" href="/qtweb/news15/233065.html">申请服务器空间以及租用域名流程怎么写(落地页如何租赁服务器绑定域名？)</a> </li><li> <a class="text_overflow" href="/qtweb/news6/12756.html">基于组件的机制的技术概述-SimpleFramework</a> </li><li> <a class="text_overflow" href="/qtweb/news24/61874.html">Linux下强大的密码破解工具（linux密码破解工具）</a> </li><li> <a class="text_overflow" href="/qtweb/news27/44477.html">创新互联Python教程：python中的reduce函数是如何使用的？</a> </li><li> <a class="text_overflow" href="/qtweb/news8/487658.html">如何在linux下启动SAP？(linux下启动sap)</a> </li><li> <a class="text_overflow" href="/qtweb/news43/398393.html">香港服务器一个月的价钱？如何省钱</a> </li> </ul> </div> <div class="bkright tag"> <p><a href="https://www.cdcxhl.com/hangye/" target="_blank">分类信息网站</a></p> <ul> <li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/hntjbg/" target="_blank">混凝土搅拌罐</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/tadiaozulin/" target="_blank">塔吊租赁</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/menchuang/" target="_blank">门窗定制</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/huisuosj/" target="_blank">会所设计</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/geshan/" target="_blank">格栅板</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/sljbgc/" target="_blank">三轮搅拌车</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/hwxxy/" target="_blank">户外休闲椅</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/shayanfudiao/" target="_blank">砂岩浮雕</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/gaokongche/" target="_blank">高空作业车租赁</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/xuanchuanpian/" target="_blank">宣传片制作</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/zdfhw/" target="_blank">主动防护网</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/ggzz/" target="_blank">广告制作</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/zhanting/" target="_blank">展览展示</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/pe/" target="_blank">PE包装袋</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/fadianjihs/" target="_blank">发电机回收</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/shachuang/" target="_blank">纱窗</a> </li> </ul> </div> </div> </div> <div class="carousel-inner linkbg" style="background: #fff"> <div class="container"> <a href="https://www.cdxwcx.com/jifang/yaan.html" target="_blank">四川雅安服务器托管</a>　　 　<a href="https://www.djxuejia.com/" target="_blank">雪茄烟</a>　　 　<a href="http://m.cdxwcx.com/zuo.html" target="_blank">做网站的公司</a>　　 　<a href="http://www.ynanhua.com/" target="_blank">成都名片印刷</a>　　 　<a href="http://www.gawzjs.com/" target="_blank">广安网站设计</a>　　 　<a href="http://www.sclushan.com/" target="_blank">芦山网站建设</a>　　 　<a href="http://chengdu.cdcxhl.cn/seo/" target="_blank">成都网站推广</a>　　 　<a href="http://chengdu.cdxwcx.cn/" target="_blank">成都网站制作</a>　　 　<a href="https://www.cdcxhl.com/" target="_blank">网站建设</a>　　 　<a href="http://www.4006tel.net/vision/" target="_blank">UI设计</a>　　 　<a href="http://www.cqcxhl.com/service/foreigntrade.html" target="_blank">重庆外贸网站建设</a>　　 　<a href="http://www.cdfuwuqi.com/zuyong/" target="_blank">服务器租用</a>　　 　<a href="http://www.cdxwcx.cn/bj/" target="_blank">做网站价格</a>　　 　<a href="https://www.cdcxhl.com/" target="_blank">成都做网站</a>　　 　<a href="http://www.75091.cn/" target="_blank">德信企业管理</a>　　 　<a href="http://www.cxjianzhan.cn/fwxm/pinpai.html" target="_blank">品牌官网设计</a>　　 　<a href="https://www.cdxwcx.com/city/jianyang/" target="_blank">简阳做网站</a>　　 　<a href="http://www.scdzj.cn/" target="_blank">护栏打桩机</a>　　 　<a href="http://chengdu.kswjz.com/" target="_blank">成都网页设计</a>　　 　<a href="http://www.cdhuace.com/logo.html" target="_blank">标志设计</a>　　 　 </div> </div> <footer> <div class="carousel-inner footjz"> <div class="container"> <i class="icon iconfont zbw"></i> 高品质定制 <i class="icon iconfont"></i> 跨终端自动兼容 <i class="icon iconfont"></i> 节约开发成本 <i class="icon iconfont"></i> 开发周期短 <i class="icon iconfont"></i> 一体化服务 <button type="button" class="btn btn-default btn-lg" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 立即开始2800定制网站建设</button> <button type="button" class="btn btn-default btn-xs" onClick="window.location.href='tencent://message/?uin=631063699&Site=&Menu=yes'"> 2800定制网站建设</button> </div> </div> <div class="carousel-inner bqsy"> <div class="container"> <div class="lxfs"> <h4 class="yutelnone">028-86922220 13518219792</h4> <h4 class="yutelblock"><a href="tel:02886922220">028-86922220</a> <a href="tel:13518219792">13518219792</a></h4> <a class="btn btn-default" href="tencent://message/?uin=532337155&Site=&Menu=yes" role="button">网站建设<span>QQ</span>：532337155</a> <a class="btn btn-default" href="tencent://message/?uin=631063699&Site=&Menu=yes" role="button">营销推广<span>QQ</span>：631063699</a> <a class="btn btn1 btn-default" href="mqqwpa://im/chat?chat_type=wpa&uin=532337155&version=1&src_type=web&web_src=oicqzone.com" role="button">网站制作<span>QQ</span>：532337155</a> <a class="btn btn1 btn-default" href="mqqwpa://im/chat?chat_type=wpa&uin=631063699&version=1&src_type=web&web_src=oicqzone.com" role="button">营销推广<span>QQ</span>：631063699</a> <a class="btn btn-default nonea" href="tencent://message/?uin=1683211881&Site=&Menu=yes" role="button">售后QQ：1683211881</a> <div class="dz">创新互联建站专注： <a href="https://www.cdcxhl.com/" target="_blank">网站设计</a> <a href="https://www.cdcxhl.com/" target="_blank">网站制作</a> <a href="https://www.cdcxhl.com/" target="_blank">网站建设</a> <address>地址：成都太升南路288号锦天国际A幢10楼</address> </div> </div> <div class="bzdh dz"><img src="https://www.cdcxhl.com/imges/bottom_logo.png" alt="创新互联"> <p><a href="https://www.cdcxhl.com/menu.html" target="_blank">成都创新互联科技有限公司</a><br> Tel：400-028-6601（7x24h）</p></div> </div> </div> </footer> </body> </html> <script> $.getJSON ("../../qtwebpic.txt", function (data) { var jsonContent = { "featured":data } var random = jsonContent.featured[Math.floor(Math.random() * jsonContent.featured.length)]; $(".adpic .adimg").attr("href",random.link) $(".adpic img").attr("src",random.pic); }) </script>