表单验证

form表单验证的第二种函数

♀尐吖头ヾ 提交于 2019-11-26 05:21:34
form表单验证的第二种函数 HTML代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="util.js"></script> <script> //验证用户名 function valiUname(unameObj){ var val=unameObj.value; var reg=new RegExp("^\\w{6,12}$"); var result=reg.test(val); var unameMsg=$("#unameMsg"); if(!val){ unameMsg.innerHTML="用户名不能为空"; return false; }else if(!result){ unameMsg.innerHTML="用户名只能由6-12位字母数字下划线组成"; return false; }else{ unameMsg.innerHTML=""; return true; } } //验证密码 function valiPwd(pwdObj){ var val=pwdObj.value; var reg=new RegExp("^[a-zA-Z0-9]{6,12}$"); var result=reg.test(val); var

表单验证的函数和电子邮件地址的检查函数

柔情痞子 提交于 2019-11-26 05:21:20
<?php //表单验证的函数和电子邮件地址的检察函数 function filled_out($form_vars) { // test that each variable has a value foreach ($form_vars as $key => $value) { if (!isset($key) || ($value == '')) return false; } return true; } function valid_email($address) { // check an email address is possibly valid if (ereg('^[a-zA-Z0-9_/./-]+@[a-zA-Z0-9/-]+/.[a-zA-Z0-9/-/.]+</p> <p></p>, $address)) return true; else return false; } ?> 来源: CSDN 作者: redfish888 链接: https://blog.csdn.net/redfish888/article/details/5943050

编写一个注册表单,配合vue完成表单验证

杀马特。学长 韩版系。学妹 提交于 2019-11-26 05:20:51
【一】题目要求 :编写一个注册表单,配合vue完成表单验证 (1)用户名长度必须至少2个字符 (2)密码强度校验 (3)如果有字母、数字、特殊字符其中三项,且长度为6以上为高强度 如果有字母、数字、特殊字符其中两项,且长度为6以上为中强度 如果仅有字母、数字、特殊字符其中一项,或长度不足6,为低强度 (4)短信验证码发送按钮,点击后变灰(不可用)进行60 s倒计时,倒计时结束,才能重新点击 (5)同意许可协议复选框必须勾选 (6)有一项校验不通过,在表单项之后给出相应的提示 (7)在校验不通过之前,注册按钮为灰色(不可用) 【二】实现步骤: 步骤一:新建一个Directory,并加以命名(eg:js)。 步骤二:往js中加入vue.js。将vue.js的路径加入代码中。(如果代码和vue.js在同一目录下则可写为 src="vue.js" ,如果代码在 与js平级的另一目录下则可写为 src="目录名/vue.js") 步骤三:代码实现。 【三】代码实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="vue.js"></script> </head> <body> <form action="aaa"> <div id="app

web表单(1)--表单类&将表单渲染为HTML&在视图函数中处理表单

半腔热情 提交于 2019-11-26 05:20:37
1.表单类 使用Flask-WTF时,每个web表单都由继承自Form的类表示。这个类定义表单中的一组字段,每个字段都用对象表示。字段对象可以附属一个或多个验证函数。验证函数用来验证用户所提交的数据是否符合要求。 hello.py:定义表单类 from flask_wtf import Form from wtforms import StringField, SubmitField from wtforms.validators import Required class NameForm(Form): name = StringField( 'What is your name ?' , validators =[Required()]) submit = SubmitField( 'Submit' ) StringField类表示属性为 type="text" 的 <input>元素。它的构造函数中的可选参数validators指定一个由验证函数组成的列表,在用户提交数据前验证其数据是否符合规范。 Required()验证函数:确保提交的字段不为空。 SubmitField类表示属性为 type="submit" 的 <input>元素。 2.把表单渲染成HTML 表单字段在模板中调用就会被渲染成HTML。条件允许情况下最好能使用Bootstrap中的表单样式。Flask

通用表单验证函数

耗尽温柔 提交于 2019-11-26 05:20:25
通用表单验证函数 [转] 通用表单验证函数 不管是动态网站,还是其它B/S结构的系统,都离不开表单 表单做为客户端向服务器提交数据的载体担当相当重要的角色. 这就引出了一个问题,提交的数据合法吗?摆在我们面前的问题就是验证这些数据 保证所提交的数据是合法的.所以,我们写了一个大堆的验证函数.当我们开始新的一个 项目的开发时,我们又得写一大堆的验证函数,然后再调试这一大堆的函数... 本文将介绍一种方法来提高我的代码的可重用性,提高我们的开发效率. 个人以为表单的验证应该包含两部分: 第一,判断用户输入的数据是否合法. 第二,提示用户你的数据为什么是不合法的. 所以,我们的通用表单验证函数要实现的功能就是: 第一,取得用户输入的数据GetValue(el) 第二,验证用户的数据CheckForm(oForm) IE支持自定义属性,这就是这个通用函数实现的基础 我们可以在表单元素上加入描述自身信息的属性.有点像XML吧. check属性:该属性用于存储数据合法性的正则表达式. warning属性:该性性用于存储出错误提示信息. 第三,返回有误的表单提示GoBack(el) 这三个步骤的触发事件是onsubmit,记住是return CheckForm(this) 搞错了就全功尽弃了 <form > 写到这里,整体框架就出来了,通过取得表单元素的check属性,取得字符串,构建正则表达式

通用表单验证函数

廉价感情. 提交于 2019-11-26 05:20:05
不管是动态网站,还是其它B/S结构的系统,都离不开表单,表单做为客户端向服务器提交数据的载体担当相当重要的角色.这就引出了一个问题,提交的数据合法吗?摆在我们面前的问题就是验证这些数据保证所提交的数据是合法的.所以,我们写了一个大堆的验证函数.当我们开始新的一个项目的开发时,我们又得写一大堆的验证函数,然后再调试这一大堆的函数...   本文将介绍一种方法来提高我的代码的可重用性,提高我们的开发效率.   个人以为表单的验证应该包含两部分:     第一,判断用户输入的数据是否合法.     第二,提示用户你的数据为什么是不合法的.   所以,我们的通用表单验证函数要实现的功能就是:   第一,取得用户输入的数据GetValue(el)   第二,验证用户的数据CheckForm(oForm)   IE支持自定义属性,这就是这个通用函数实现的基础   我们可以在表单元素上加入描述自身信息的属性.有点像XML吧.   check属性:该属性用于存储数据合法性的正则表达式.   warning属性:该性性用于存储出错误提示信息.   第三,返回有误的表单提示GoBack(el)   这三个步骤的触发事件是onsubmit,记住是return CheckForm(this)   搞错了就全功尽弃了 :)   <form οnsubmit="return CheckForm(this)">

Django---forms各种类型表单使用

a 夏天 提交于 2019-11-26 00:24:25
使用过Django的同学应该都比较清楚,Django的表单功能是十分强大的,可以完成数据的校验等功能。 下面讲下常用的表单类型。我们讲下创建表单到前台可以正常显示的步骤: 一、创建表单类(可以直接在views.py文件中创建,也可以自己再新建一个forms.py的模块,然后写到这个模块下,我是单独创建的forms.py),列了九种,也差不多使用的频率比较高的。 from django import forms class TestForm(forms.Form): name = forms.CharField(label='单行输入',max_length=10) mulirow = forms.CharField(label="多行输入",max_length=100,widget=forms.Textarea) choice = forms.ChoiceField(label='选择框',choices=( ("learn","学习"), ("test","测试"), ("django","python"), )) bool = forms.BooleanField(required=False) urrf = forms.URLField(label="url格式") data=forms.DateField(label="日期格式") email = forms

表单验证

半世苍凉 提交于 2019-11-25 23:54:25
<style type="text/css"> /* el-form-item__content 是input外层最大的div*/ .huo-dong .el-form-item__content{ width: 217px; } </style> <body> <div id="app"> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="80px" class="demo-ruleForm"> <el-form-item label="活动名称" prop="name" class="huo-dong"> <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>

借鉴微信小程序表单校验wxValidate的源码里边的正则

感情迁移 提交于 2019-11-25 21:26:59
微信小程序表单校验wxValidate的源码,里边的正则表达式用起来不错 /** * 表单验证 * * @param {Object} rules 验证字段的规则 * @param {Object} messages 验证字段的提示信息 * */ class WxValidate { constructor(rules = {}, messages = {}) { Object.assign(this, { rules, messages, }) this.__init() } /** * __init */ __init() { this.__initMethods() this.__initDefaults() this.__initData() } /** * 初始化数据 */ __initData() { this.form = {} this.errorList = [] } /** * 初始化默认提示信息 */ __initDefaults() { this.defaults = { messages: { required: '这是必填字段。', email: '请输入有效的电子邮件地址。', tel: '请输入11位的手机号码。', url: '请输入有效的网址。', date: '请输入有效的日期。', dateISO: '请输入有效的日期(ISO),例如