表单验证

Vuerify 是一个简单轻量的数据校验插件。内置基础的校验规则和错误提示。可自定义规则，规则类型支持正则、函数或者字符串。校验规则可全局注册也可以组件内注册。插件会给 vm 添加 $vuerify 对象，同时 watch 数据并校验合法性，如果有错误会存入 vm.$vuerify.$errors。 安装 npm i vuerify -S 使用 安装插件 import Vue from 'vue' import Vuerify from 'vuerify' Vue.use(Vuerify, /* 添加自定义规则 */) 添加自定义规则 test 可以是正则或者函数 { required: { test: /\S+$/, message: '必填项' } } 组件内注册 { data () { username: '', password: '' }, vuerify: { username: { test: /\w{4,}/, // 自定义规则，可以是函数，正则或者全局注册的规则（填字符串） message: '至少 4 位字符' }, password: 'required' // 使用全局注册的规则 } } API $vuerify 包含如下属性 name description type default Value $errors 数据校验失败的错误信息, 例如

表单 简单的处理一个登陆界面 package main import ( "fmt" "html/template" "log" "net/http" "strings" ) func sayhelloName(w http.ResponseWriter, r *http.Request) { r.ParseForm() //解析url传递的参数，对于POST则解析响应包的主体（request body） //注意:如果没有调用ParseForm方法，下面无法获取表单的数据 fmt.Println(r.Form) //这些信息是输出到服务器端的打印信息 fmt.Println("path", r.URL.Path) fmt.Println("scheme", r.URL.Scheme) fmt.Println(r.Form["url_long"]) for k, v := range r.Form { fmt.Println("key:", k) fmt.Println("val:", strings.Join(v, "")) } fmt.Fprintf(w, "Hello astaxie!") //这个写入到w的是输出到客户端的 } func login(w http.ResponseWriter, r *http.Request) { fmt.Println("method:"

第一种: 第一个 onClick="document.form.action='a.asp';document.form.submit();" 第二个 onClick="document.form.action='b.asp';document.form.submit();" 第二种: <input type="button" name="Submit" value="提交" onClick="form[this].action='a.asp';form[this].submit();"> <input type="button" name="Submit1" value="查看" onClick="form[this].action='b.asp';form[this].submit();"> 第三种: <form id="searchForm" name="searchForm" method="post" > <input type="text" name="sDate" id="sDate" class="c_TextBoxCommon" value="<%= stDate %>" size="16" readonly="true" /> <input id="btnQuery" name="btnQuery" type="submit" class="btn" value

之前做东西接触过表单验证提交，但是都是为了完成工作，做完就做完了，没有注过表单验证提交有几种方法，各方法都有啥区别。今天瞎折腾了一下，对他们研究了一下，如下是我个人的理解： submit ： 从字面上看是“提交”的意思，专门为提交而生。他既可以接受点击提交表单也能接受Enter（回车键）提交表单（也就是表单里的控件在获取焦点的时候回车直接提交表单），这样就比较人性化。 <form name="myForm" action="http://www.baidu.com" method="get" > name:<input name="name" type="text" /><br /> <input name="submit" type="submit" value="submit提交" /> </form> 当我输入"xiaomou"回车的时候表单提交了，url为：http://www.baidu.com/?name=xiaomou&submit=submit提交 button ： 就是个普通的按钮，接受回车提交表单，但是点击它的时候没反应（当然我说的是没有js的情况下），如要他实现简单的提交表单，要通过表单提交事件，<input name="button" type="button" value="button提交" onClick="this.form.submit()"/>

正则表达式是一种具有特定模式的用来匹配文本的字符串 preg_match 匹配 $pattern = '/php/'; $subject = "php 是最好的编程语言，php 没有之一！"; $result = preg_match($pattern,$subject); if($result){ echo "<h1>匹配成功</h1>"; }else{ echo "<h1>匹配不成功</h1>"; } preg_match_all 匹配所有 $pattern = '/php/'; $subject = "php是最好的编程语言，不会php的程序员不是好程序员！"; $result = preg_match_all($pattern,$subject,$matches); var_dump($result); var_dump($matches); //preg_match=== //int 1 //array (size=1) // 0 => string 'php' (length=3) //preg_match_all ==== //int 2 //array (size=1) // 0 => // array (size=2) // 0 => string 'php' (length=3) // 1 => string 'php' (length=3) preg

jQuery Form插件是一个优秀的Ajax表单插件，可以非常容易地、无侵入地升级HTML表单以支持Ajax。jQuery Form有两个核心方法 -- ajaxForm() 和 ajaxSubmit()， 它们集合了从控制表单元素到决定如何管理提交进程的功能。另外，插件还包括其他的一些方法： formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields() 和 resetForm()等。 下载地址： http://malsup.com/jquery/form/#download 核心方法 -- ajaxForm() 和 ajaxSubmit() [javascript] view plain copy print ? $( '#myForm' ).ajaxForm( function () { $( '#output1' ).html( "提交成功！欢迎下次再来！" ).show(); }); $( '#myForm2' ).submit( function () { $( this ).ajaxSubmit( function () { $( '#output2' ).html( "提交成功！欢迎下次再来！" ).show(); }); return false ; /

HTML与CSS学习基础总结 先了解学习的知识点有哪些： HTML HTML指的是超文本标记语言（Hyper Text Markip Language），它不是一种编程语言而是一种标记语言，通过使用标签来描述网页。 CSS CSS （Cascading Style Sheets）是层叠样式表用来定义网页的显示效果。 可以解决html代码对样式定义的重复，提高了后期样式代码的可维护性，并增强了网页的显示效果功能。 简单一句话：CSS将网页内容和显示样式进行分离，提高了显示功能。 JS JS 全称（javascript）中文是java脚本的意思 。 它的由来（在互联网刚兴起的时候，网络速度比较慢，而体验又是放在服务器端的，所以用户体验度非常差，为了了解这一难题，网景公司发明了livescript liverscript主要把表单验证功能从后台提升到了前端，因为不依赖网络，所以用户体验比较好。 但是由于知名度比较差，知道的人很少，后来由于sum公司的java语言一飞冲天，爆红编程世界，为了跟风，博取知名度，网景公司把livescript 改成javascript. 后来微软眼红网景公司的成就，就发明了jscript。但是正因为此，导致了js的标准不同，所以给个大浏览器厂家带来了很大的麻烦。 为了有一个统一的标准，js被提交到一个ecma组织，也正因为此，后来的js都是采用ecma标准

我们对表单的验证进行了非常巧妙的支持，大多数时候你只需要在表单元素上加上 lay-verify="" 属性值即可。如： code layui.code <input type="text" lay-verify="email"> 还同时支持多条规则的验证，如下： <input type="text" lay-verify="required|phone|number"> 上述对输入框定义了一个邮箱规则的校验，它会在 form 模块内部完成。目前我们内置的校验支持见上文的： 预设元素属性 除了内置的校验规则外，你还可以自定义验证规则，通常对于比较复杂的校验，这是非常有必要的。 语法 layui.code form.verify({ username: function(value, item){ //value：表单的值、item：表单的DOM对象 if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){ return '用户名不能有特殊字符'; } if(/(^\_)|(\__)|(\_+$)/.test(value)){ return '用户名首尾不能出现下划线\'_\''; } if(/^\d+\d+\d$/.test(value)){ return '用户名不能全为数字'; } } /

(1) 原生的表单 模板页面,form表单 form.html <form action="{{ url_for('/check/') }}" method='post'> <p>用户名: <input type='text' name='username'></p> <p>密码: <input type='password' name='userpass'></p> <p><input type='submit' value='submit'></p> </form> 在manage.py中 #原生表单 @app.route('/form') def form(): return render_template('form.html') #获取原生表单提交的数据 @app.route('/check',method=['POST']) def check(): print(request.form.get('userpass')) print(request.form.get('username')) return '提交数据' #注: 第一个form函数仅仅是跳转页面作用,比较浪费因此我们可以合并一下 在manage.py中将路由函数合并 @app.route('/form') def form(): if request.method == 'POST': print

1 配置 可以使用Flask-WTF来处理web表单，在使用之前要先配置下，打开config.py，编辑添加如下内容 WTF_CSRF_ENABLED = True SECRET_KEY = 'you-will-never-guess' WTF_CSRF_ENABLED设置为True主要是开启CSRF保护，SECRET_KEY是为了实现CSRF保护，Flask-WTF需要应用程序去配置一个加密密钥。Flask-WTF使用这个密钥去生成加密令牌用于验证请求表单数据的真实性， 注：为了提高安全性，密钥应该存储在一个环境变量中，而不是嵌入到代码中 。配置完成后要通知Flask去加载这个配置文件，编辑app/__init__.py，添加如下内容 from flask import Flask app = Flask(__name__) app.config.from_object('config') from app import views 2 表单类 使用Flask-WTF时，每个web表单是由继承自 Form 类的子类来展现的。该类在表单中定义了一组表单域，每个都表示为一个对象。每个表单域都可以连接到一个或多个 validators ； validators 是一个用于检查用户提交的输入是否合法的函数，app/forms.py 专门用来存放表单类，用例 from flask.ext