表单验证 | 易学教程

表单验证之validform.js使用方法

阅读更多关于表单验证之validform.js使用方法

原文地址：https://www.cnblogs.com/caicaizi/p/6070125.html Validform使用入门 1、引入css 请查看下载文件中的style.css，把里面Validform必须部分复制到你的css中（文件里这个注释 " /*==========以下部分是Validform必须的===========*/" 之后的部分是必须的）。之前发现有部分网友把整个style.css都引用在了页面里，然后发现样式冲突了。 2、引入js （jquery 1.4.3 以上版本都可以） <script type="text/javascript" src="http://validform.rjboy.cn/wp-content/themes/validform/js/jquery-1.6.2.min.js"></script> <script type="text/javascript" src="http://validform.rjboy.cn/Validform/v5.1/Validform_v5.1_min.js"></script> 3、给需要验证的表单元素绑定附加属性 <form class="demoform"> <input type="text" value="" name="name" datatype="s5-16" errormsg=

表单校验之datatype

阅读更多关于表单校验之datatype

凡要验证格式的元素均需绑定datatype属性，datatype可选值内置有10类，用来指定不同的验证格式。如果还不能满足您的验证需求，可以传入自定义datatype，自定义datatype是一个非常强大的功能，通过它可以满足你的任何需求。可以绑定的附加属性有：datatype、nullmsg、sucmsg、errormsg、ignore、recheck、tip、altercss、ajaxurl 和 plugin等. 说明：内置基本的datatype类型有： * | *6-16 | n | n6-16 | s | s6-18 | p | m | e | url *：检测是否有输入，可以输入任何字符，不留空即可通过验证； *6-16：检测是否为6到16位任意字符； n：数字类型； n6-16：6到16位数字； s：字符串类型； s6-18：6到18位字符串； p：验证是否为邮政编码； m：手机号码格式； e：email格式； url：验证字符串是否为网址。自定义datatype的名称，可以由字母、数字、下划线、中划线和*号组成。形如"*6-16"的datatype，Validform会自动扩展，可以指定任意的数值范围。如内置基本类型有"*6-16"，那么你绑定datatype="*4-12"就表示4到12位任意字符。如果你自定义了一个datatype="zh2-4"

html的常用标签

阅读更多关于 html的常用标签

/*--> */ /*--> */ 基本框架 <!DOCTYPE html>  <html lang="en">  <head>  <meta charset="UTF-8">  <title>Title</title>  </head> <body>  </body> </html> 特殊字符内容对应代码空格 > > < < & & ¥ ¥ 版权 © 注册 ® 常用标签　　head内常用标签标签意义 <title></title> 定义网页标题 <style></style> 定义内部样式表 <script></script> 定义JS代码或引入外部JS文件 <link/> 引入外部样式表文件 <meta/> 定义网页原信息 Meta标签： <meta>元素可提供有关页面的原信息（mata-information）,针对搜索引擎和更新频度的描述和关键词。 <meta>标签位于文档的头部，不包含任何内容。 <meta>提供的信息是用户不可见的。 meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性

django 表单系统之 forms.Form

阅读更多关于 django 表单系统之 forms.Form

继承 forms.Form实现django表单系统参考： https://www.cnblogs.com/zongfa/p/7709639.html https://www.cnblogs.com/chenchao1990/p/5284237.html 官方文档： https://docs.djangoproject.com/en/dev/topics/forms/ https://docs.djangoproject.com/en/1.11/ref/forms/ 继承 forms.Form可以实现基于model的django表单而继承 forms.Form可以实现一般的django表单， django表单的功能：自动生成 HTML表单元素检查表单数据的合法性如果验证错误，重新显示表单（数据不会重置）数据类型转换（字符类型的数据转换成相应的 Python类型）表单定义： from django import formsclass NameForm(forms.Form): your_name = forms.CharField(label='Your name', max_length=100) 上面这个标签渲染后的效果： <label for="your_name">Your name: </label><input id="your_name" type=

Angular 动态表单(根据选择联动显示)

阅读更多关于 Angular 动态表单(根据选择联动显示)

Angular 动态表单(根据选择联动显示) 首先记录一下刚刚完成的一个功能需求是根据固定的层级结构做动态联动,在网上找了很多动态表单的相关教程,大部分都是在最开始加载就生成表单.而我的需求是需要在选择了父级之后再展示父级下的选项参考了大佬的修仙之路和动态生成表单感谢~ 实现准备阶段配置好已知的层级结构 const itemConfig = [{ 'key': 'tr069', 'type': 'parent',// parent =>含有子级 item=>最底层级 'item_type': 'select',// 本层级的类型 parent 默认为select 'children': [ { 'key': 'url', 'type': 'item', 'item_type': 'input', 'value': '' }, { 'key': 'username', 'type': 'item', 'item_type': 'input', 'value': '' }, { 'key': 'password', 'type': 'item', 'item_type': 'input', 'value': '' }, { 'key': 'data', 'type': 'item', 'item_type': 'object', 'value': { 'key': '

iview form表单数值类型校验「iview自定义form表单校验器」

阅读更多关于 iview form表单数值类型校验「iview自定义form表单校验器」

摘录iview表单验证 Form 组件基于 sync-validator 实现的数据验证，给 Form 设置属性 rules ，同时给需要验证的 FormItem 设置属性 prop 指向对应字段即可。完整的验证规则请参照开源项目 sync-validator 。验证方法也支持 Promise 。综上，我们知道了 iview 使用的是 sync-validator 。数值方式校验当我们使用 Form 表单校验时，如果字段使用的是 String 类型，显然通过 required:true 即可满足，但如果是数值时可就不能这么校验了，怎么办呢？ 👉 自定义校验 X 错误示范： formValidate: { money: [{ required: true, message: "金额不能为空", trigger: "blur" }]}, ✓ 自定义校验方式： formValidate: { money: [{ validator: validateMoney, trigger: 'blur' ,required:true }]}, 我们用到了 validator 属性，在这我们引入了自己定义的校验规则 validateMoney ，该方法可以放在公共部分，具体如下： const validateMoney = (rule, value, callback) => {

表单用户密码简单验证

阅读更多关于表单用户密码简单验证

用户名必须是3-10位英文字母或数字；口令必须是6-20位；两次输入口令必须一致。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form id="test-register" action="#" target="_blank" onsubmit="return checkRegisterForm()"> <p id="test-error" style="color:red"></p> <p> 用户名: <input type="text" id="username" name="username"> </p> <p> 口令: <input type="password" id="password" name="password"> </p> <p> 重复口令: <input type="password" id="password-2"> </p> <p> <button type="submit">提交</button> <button type="reset">重置</button> </p> </form> </body> <script> var checkRegisterForm = function () {

大话APP配置功能的设计和落地

阅读更多关于大话APP配置功能的设计和落地

在参与各种app业务开发的过程中，大部分都会遇到需要对某些功能/界面/数据可以灵活的管理后台控制，客户端根据配置变化而变化，不需要发版本就可以解决这些需求，大致功能需求就是需要提供一个后台功能，能够给产品/运营童鞋进行配置管理，然后通过服务端接口输出给客户端进行逻辑/渲染使用，这里针对这种场景，分享一个相对通用的解决方案项目背景当前项目中针对这种配置的需求，每次都需要开发人员重新开发后台表单，然后修改配置接口针对配置进行输出，因为这个功能的开发要归宿到很早以前，也不知道当初为啥要这么做，现在存在的问题就是不容易维护和拓展，以及重复开发的成本整理需求配置管理后台支持版本控制支持客户端类型（安卓/IOS/所有）表单可配置配置输出接口增量下发保证高可用，高稳定，高性能客户端接口下发配置数据进行缓存技术背景管理后台：php服务端+jquery+bootstrap 接口项目：php服务端技术过程前端技术选型： vuejs element ui 核心问题，如何后台配置生成表单（开发人员来配置）？初步计划是通过配置表单的JSON生成element ui的表单，进行了一些调研，也找到可以通过配置JSON生成element ui表单的js库，感觉灵活性差了些，而且当时还不支持富文本，感觉后续拓展也是大问题，所以弃用，后面尝试自己来实现，通过vuejs+element

html中复杂表单的提交

阅读更多关于 html中复杂表单的提交

在简单的html form中，我们可以用 name ,value 的方式来收集数据，可是当表单很复杂时，是行不通的。必须用 js来渲染 html，放弃 form的 name收集数据的方式。看 angular等都是。那么问题是在angular里 name有什么用呢。验证？？等我去读写源码？》？》来源： CSDN 作者：小楫轻舟丶链接： https://blog.csdn.net/lioldamon/article/details/103532006

订阅表单验证