创新互联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.csdahua.cn/qtweb/news2/426752.html">创新互联Flask教程：FlaskWTF</a> <br> 标题URL：<a href="http://www.csdahua.cn/qtweb/news2/426752.html">http://www.csdahua.cn/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="http://www.csdahua.cn/" 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/qiyejianzhan/">企业建站知识</a></p> <ul> <li> <a class="text_overflow" href="/qtweb/news15/503715.html">使用LinuxAD认证实现安全登录（linuxad认证）</a> </li><li> <a class="text_overflow" href="/qtweb/news10/77860.html">江苏拨号VPS，告别繁琐操作，轻松畅享云计算</a> </li><li> <a class="text_overflow" href="/qtweb/news0/111050.html">nas主机配置推荐？atom主机能当服务器用么</a> </li><li> <a class="text_overflow" href="/qtweb/news21/157371.html">全智贤都出演过哪些电影、电视剧？</a> </li><li> <a class="text_overflow" href="/qtweb/news43/222043.html">手机下载windows10怎么装在电脑上？手机windows10电脑</a> </li><li> <a class="text_overflow" href="/qtweb/news46/155396.html">电脑显示激活windows10怎么解决？windows自动激活windows10</a> </li><li> <a class="text_overflow" href="/qtweb/news48/181748.html">如何将fsn文件转换为文本文档？（fsn格式文件,Fsn文件）</a> </li><li> <a class="text_overflow" href="/qtweb/news1/192201.html">怎样申请我的个人免费网页空间？（个人网页空间申请）</a> </li><li> <a class="text_overflow" href="/qtweb/news45/489445.html">简单讲解一下Kubernetes的运行流程</a> </li><li> <a class="text_overflow" href="/qtweb/news1/160801.html">javascript怎么阻止事件冒泡的方法</a> </li><li> <a class="text_overflow" href="/qtweb/news44/489394.html">单线、双线、三线、BGP服务器在应用上有什么不同？</a> </li><li> <a class="text_overflow" href="/qtweb/news15/176965.html">手机如何让家里移动宽带暂时断网？(如何限制宽带流量)</a> </li><li> <a class="text_overflow" href="/qtweb/news11/435561.html">域名怎么解析到虚拟主机里</a> </li><li> <a class="text_overflow" href="/qtweb/news9/97009.html">直连延迟是什么意思？服务器直连延迟</a> </li><li> <a class="text_overflow" href="/qtweb/news0/420000.html">SQL函数和存储过程模板示例</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/shilongwang/" 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/renzaowu/" 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/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/qzgqb/" 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/shachuang/" 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/wsjgd/" 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/xiaojbc/" 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/hldzj/" 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/fadianji/" 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/opp/" target="_blank">OPP胶袋</a> </li><li class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <a href="https://www.cdcxhl.com/hangye/bolixiufu/" 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/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/zaomaoji/" 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/yangguangfang/" 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/sqwhq/" target="_blank">社区文化墙</a> </li> </ul> </div> </div> </div> <div class="carousel-inner linkbg" style="background: #fff"> <div class="container"> <a href="http://www.cdxwcx.cn/tuoguan/mianyang.html" target="_blank">绵阳服务器托管</a>　　 　<a href="http://www.xhgfhy.com/ " target="_blank">犀浦雨棚定制</a>　　 　<a href="https://www.cdcxhl.com/tuoguan.html" target="_blank">成都主机托管</a>　　 　<a href="http://www.biboxcn.com/" target="_blank">乐山装修公司</a>　　 　<a href="http://www.cqcxhl.com/miniprogram/" target="_blank">小程序开发</a>　　 　<a href="http://www.cdjzmc.cn/" target="_blank">四川门窗</a>　　 　<a href="http://seo.cdcxhl.cn/wztg/" target="_blank">成都外贸网站优化</a>　　 　<a href="http://www.scqtclxh.com/" target="_blank">成都火锅桌椅</a>　　 　<a href="https://www.cdxwcx.com/jifang/mianyang.html" target="_blank">绵阳科技城电信IDC机房</a>　　 　<a href="http://m.cdxwcx.com/xibuxinxi.html" target="_blank">西部信息机房</a>　　 　<a href="http://www.ghjinhua.cn/" target="_blank">广汉锦华建材</a>　　 　<a href="http://www.zzfdjwx.com/" target="_blank">宏鑫宇康</a>　　 　<a href="https://www.xwcx.net/" target="_blank">成都机柜租用</a>　　 　<a href="http://www.cdxwcx.cn/tuoguan/meishan.html" target="_blank">眉山服务器托管</a>　　 　<a href="http://www.jinhuajc.com/" target="_blank">橡塑板</a>　　 　<a href="https://www.cdxwcx.com/wangzhan/mbshangcheng.html" target="_blank">商城网站</a>　　 　<a href="http://www.zcwyxf.cn/" target="_blank">成都众诚伟业</a>　　 　<a href="http://www.chdeyu.com/" target="_blank">佑馨产后护理</a>　　 　<a href="http://www.pzhzwz.com/" target="_blank">攀枝花网站建设</a>　　 　<a href="https://www.scvps.cn/" 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="http://www.csdahua.cn/" target="_blank">网站优化</a> <a href="http://www.csdahua.cn/" target="_blank">网络推广</a> <a href="http://www.csdahua.cn/" 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：028-86922220（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>