表单验证

<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name"> <el-input v-model="ruleForm.name"></el-input> </el-form-item> <el-form-item label="活动区域" prop="region"> <el-select v-model="ruleForm.region" placeholder="请选择活动区域"> <el-option label="区域一" value="shanghai"></el-option> <el-option label="区域二" value="beijing"></el-option> </el-select> </el-form-item> <el-form-item label="活动时间" required> <el-col :span="11"> <el-form-item prop="date1"> <el-date-picker type="date" placeholder="选择日期" v-model="ruleForm.date1" style

参考文章 （1） Github地址： WxValidate 1. 拷贝至util目录 2.项目引入 3.查看wxml匹配规则，通过name 4.在js配置规则 1 import WxValidate from '../../../utils/WxValidate'; 2 3 Page({ 4 5 /** 6 * 页面的初始数据 7 */ 8 data: {}, 9 10 onLoad: function(options) { 11 12 /** 13 * 4-1(先初始化表单) 14 */ 15 this.initValidate(); 16 }, 17 18 19 20 showModal(error) { 21 wx.showModal({ 22 content: error.msg, 23 showCancel: false, 24 }) 25 }, 26 27 28 submitForm(e) { 29 /** 30 * 4-3(表单提交校验) 31 */ 32 const params = e.detail.value 33 if (!this.WxValidate.checkForm(params)) { 34 const error = this.WxValidate.errorList[0] 35 this.showModal(error) 36 return

表单控件 下面是一个Bootstrap支持的表控件以及自定义类的完整列表。额外的文档对每个组都是可用的。 类 作用 支持的变量 .form-group 表单控件的任一组 用在任何块级元素上，比如说 <fieldset> 或 <div> .form-control 文本域控件 text 、 password 、 datetime 、 datetime-local 、 date 、 month 、 time 、 week 、 number 、 email 、 url 、 search 、 tel 、 color 选择菜单 multiple 、 size 多行文本域 N/A .form-control-file 文件上传控件 file .radio .radio-inline .checkbox .checkbox-inline 复选框和单选钮 N/A PS：镇山之宝！例子在后续使用中来写！那么一长串的例子，吓死宝宝了。 表单布局 因为Bootstrap对几乎所有的表单控件都应用了 display:block 以及 width:100% ，所以表单默认是纵向堆叠的。可以用附加的类来基于表单改变这种布局。 表单组 .form-group类是向表单添加一些结构的最简单的方法。可是使用在<fieldset>、<div>甚至别的元素上。 <fieldset> 定义围绕表单中元素的边框。

一、前言与说明 本系列短文是我学习与使用Facebook倡领下的React技术栈的一道小小的痕迹记录。需要说明的是，学习与使用redux-form库的前提是：（1）具有使用React( https://reactjs.org/)开发的基本经验；（2）使用Redux（https://redux.js.org/）开发的基本经验 。 redux-form库的URL： https://redux-form.com/7.4.2/ 说实在的，在学习React技术栈过程中，看到每一个其组成子库的LOGO标记我每每深感热血沸腾又压力满满——Facebook作为业界大牛，其引领下的React技术栈正风糜全球；React框架的科学设计不由得你不对时下流行的各种跨平台与前后端一体化方案作一番深度对比、思索与尝试。好吧，先上一下redux-form库的HOME页LOGO截图： 本文围绕redux-form库的第一个最基本的实例redux-form-simple-example（ https://redux-form.com/7.4.2/examples/simple/）展开 。 二、使用redux-form库的前提 使用react-redux库的一个基本思想是把组成网页界面的所有组件分解为两种类型：普通组件（也称为描述组件）与容器组件。那么，redux-form，作为form——组件的一种

一、表单 表单<form> 标签用于为用户输入创建 HTML 表单 表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含 menus、textarea、fieldset、legend 和 label 元素。 表单用于向服务器传输数据。 二、表单form 的属性 （一）action属性 action 属性规定当提交表单时，向何处发送表单数据 属性值： url 链接的地址 （二）name属性 name属性 规定表单的名称。 name 属性提供了一种在脚本中引用表单的方法。 （三）method属性 method 属性规定在提交表单时所用的HTTP方法（GET 或是 POST） 1、什么时候使用GET？ method属性的默认值是GET，如果表单的提交是被动的（比如搜索引擎查询），并且没有敏感信息； 当使用GET的时候，表单数据是提交到页面的地址栏中的。 2、 什么时候使用post？ 地址栏中可以储存的数据是有限的，如果想要储存更多数据，更安全的储存数据就需要使用 post 表单正在更新数据，或是包含敏感信息（例如密码）最好使用post； post 安全性更好，因为在页面地址栏中提交的数据使不可见的（如果上传的数据比较多或是要上传图片，就要使用post）。 （四）legend元素 <length> 元素为 <fieldset> 元素定义标签

Tyrion是一个基于Python实现的支持多个WEB框架的 Form表单验证 组件，其 完美的支持Tornado、Django、Flask、Bottle Web框架。 Tyrion主要有两大重要动能： 表单验证 生成HTML标签 保留上次提交内容 对于表单验证，告别书写重复的正则表达式对用户提交的数据进行验证的工作，从此解放双手，跟着我左手右手一个慢动作... 对于生成HTML标签，不在人工书写html标签，让Tyrion帮你自动创建... 对于保留上次提交内容，由于默认表单提交后页面刷新，原来输入的内容会清空，Tyrion可以保留上次提交内容。 github： https://github.com/WuPeiqi/Tyrion 使用文档 1、下载安装 ? 1 pip install PyTyrion github: https://github.com/WuPeiqi/Tyrion 2、配置WEB框架种类 由于Tyrion同时支持Tornado、Django、Flask、Bottle多个WEB框架，所有在使用前需要进行指定。 ? 1 2 3 import Tyrion Tyrion.setup( 'tornado' ) # setup的参数有：tornado（默认）、django、bottle、flask 3、创建Form类 Form类用于提供验证规则、插件属性、错误信息等 ?

使用 layUI做一些简单的表单验证 <form method="post" class="layui-form" > 　　<input name="username" placeholder="用户名" type="text" lay-verify="required" class="layui-input" > 　　<hr class="hr15"> 　　<input name="password" lay-verify="required" placeholder="密码" type="password" class="layui-input"> 　　<hr class="hr15"> 　　<input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit"> 　　<hr class="hr20" > </form> <script> $(function () { layui.use('form', function(){ var form = layui.form; form.on('submit(login)', function(data){ layer.msg(JSON.stringify(data.field),function(){ console.log(

转载自 大圣的笑 原文链接： https://www.cnblogs.com/mahatmasmile/p/3872784.html /// <summary> /// ASP.NET4.0 表单验证类 /// </summary> public class FormRequestValidation : RequestValidator { public FormRequestValidation() { } protected override bool IsValidRequestString(HttpContext context, string value, RequestValidationSource requestValidationSource , string collectionKey, out int validationFailureIndex) { //不验证 validationFailureIndex = -1; return true; } } web.config加上 <system.web> <!--new 添加该节点对request.form的验证进行设定 --> <httpRuntime requestValidationType="namespace.FormRequestValidation" /> </system.web> ///

目录 form 表单 功能： input标签 功能： 属性： 属性说明: select标签 功能： 属性说明： label标签 功能： 说明： textarea标签 功能： 属性说明： form 表单 功能： 表单主要用来获取用户的输入信息，然后组织信息传输给服务器，实现用户与服务器的交互 表单主要有以下属性： 属性 描述 accept-charset 规定在被提交表单中使用的字符集（默认：页面字符集）。 action 规定向何处提交表单的地址（URL）（提交页面）。 autocomplete 规定浏览器应该自动完成表单（默认：开启）。 enctype 规定被提交数据的编码（默认：url-encoded）。 method 规定在提交表单时所用的 HTTP 方法（默认：GET）。 name 规定识别表单的名称（对于 DOM 使用：document.forms.name）。 novalidate 规定浏览器不验证表单。 target 规定 action 属性中地址的目标（默认：_self）。 input标签 功能： 用于设置输入框、单选框、复选框、按钮、文本选择框 属性： input标签会根据不同的type属性变化成多种形态 type属性值 表现形式 对应代码 text 单行输入文本 password 密码输入框 date 日期输入框 checkbox 复选框 radio 单选框

return false会阻止表单提交，基本上关于onsubmit=return false有以下几点要注意的地方，学习后台编程的朋友一定要知道。 1. return 的返回值问题，函数中return一旦有返回值，就不在执行下面的语句，直接跳到函数调用的地方。如下PHP函数代码，第一个if条件符合则函数值返回布尔型false，可以返回一个函数的值,并且跳出这个函数；只要遇到return语句，程序就在那一行代码停止执行，执行控制将立刻返回到调用该程序的代码处。function function chkinput(form) { if(form.title.value=="") { alert("请输入文章标题!"); form.title.select(); return false; } if(form.content.value=="") { alert("文章正文不能为空@！!"); form.content.select(); return false; } return true; } 2.form的onsubmit属性的触发问题，onsubmit 事件什么时候触发？ onsubmit 事件会在表单中的确认按钮被点击时发生。不触发的原因有一般如下： A. onsubmit属性的触发时机是在form用input:submit这样的button提交时才会触发，否则不会触发