eg表单数据校验,简单快速实现表单数据校验,扩展性强
简单入门
<!DOCTYPE html> <html> <head> <title>Validation Form Template</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="jquery-1.11.3.min.js"></script> <script src="eg-validation.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div class='well'> <form class="form-horizontal" id="form" action="###"> <div >QQ:<input type="text" id="email" eg-valid="true" name="email" eg-tips="请输入QQ号" eg-qq eg-success="校验通过" > </div> <div >邮箱<input type="text" eg-valid eg-email="正确的邮箱" eg-tips="请输入邮箱" eg-required eg-position="bottom"></div> <button type="submit" class="btn">登录</button> </form> </div> <script type="text/javascript" charset="utf-8"> $(function () { $('#form').validation(); }) </script> </body> </html>
以下为字段基本属性的解释
1. eg-valid 是否开启校验 默认值:true 2. eg-tips 空文本域获取焦点后的提示消息 3. eg-position 校验结果展示位置 top、right、bottom、left 默认值:right 4. eg-inline 文本域所有的校验结果指定节点展示 5. eg-{校验规则名} 开启对应的校验规则, 值为校验提示文本 6. eg-{校验规则名}-param 校验规则对应的附加参数,非必须,根据校验规则参数而定,多个用","(逗号)隔开 7. eg-{校验规则名}-inline 文本域指定的校验规则校验结果指定节点展示 8. eg-success 文本域校验通过后的提示信息 默认值: 校验通过
以下几种默认的校验规则
1. required 必须输入的字段 2. number 必须输入合法的数字(负数,小数) 3. digits 必须输入整数 4. decimal 必须输入货币 5. date 必须输入正确格式的日期。日期校验 ie6 出错,慎用 6. url 必须输入正确格式的网址 7. email 必须输入正确格式的电子邮件 8. char 必须输入英文字符 9. qq 必须输入正确QQ 10. phone 必须输入正确手机号码 11. equalto 必须输入两次一至的字符,匹配文本域的唯一标识 : eg-equalto-param=#password 12. chinese 必须输入输入汉字 13. minlength 必须输入至少3位,eg-minlength-param=3 14. maxlength 必须输入至多6位,eg-minlength-param=6 15. length 必须输入长度必须介于 {3} 和 {6} 之间的字符串(汉字算一个字符), eg-length-param=3,6 16. min 输入值不能小于3, eg-min-param=3 17. max 输入值不能大于6, eg-min-param=6 18. pattern 输入匹配对应的正则表达式, eg-pattern-param=/^\d+$/
以下讲解该校验组件可使用的几个选项的属性(构造时传入的参数)
1. rules 对象,校验规则集 2. isSubmit 布尔型,校验通过后是否进行表单提交, 默认:true 进行表单提交 3. valiAfter 方法,所有表单域校验完成后回调方法 4. valiSuccess 方法,所有表单域校验完成并通过后回调方法
下面对rules规则集的属性讲解
简单案例
<!DOCTYPE html> <html> <head> <title>Validation add rules Template</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="jquery-1.11.3.min.js"></script> <script src="eg-validation.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="form"> <div >zip:<input type="text" eg-valid="true" eg-zip eg-success="校验通过"> </div> </div> <script type="text/javascript" charset="utf-8"> $(function () { //这里增加邮编进行校验 $('#form').validation({ rules :{'zip':{validate: function(value) {return (/^[1-9][0-9]{5}$/.test(value) || /^.{4,15}$/.test(value));}, defaultMsg: '请输入正确邮编'}} }); }) </script> </body> </html>
以下对eg-inline的使用案例
<!DOCTYPE html> <html> <head> <title>Validation inline Form Template</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script src="jquery-1.11.3.min.js"></script> <script src="eg-validation.js" type="text/javascript" charset="utf-8"></script> </head> <body> <div id="form"> <div >email1:<input type="text" eg-valid="true" eg-email="" eg-required eg-success="校验通过" eg-inline="#eg-inline"> </div> <div >email2:<input type="text" eg-valid="true" eg-email eg-required eg-email-inline="#eg-email-inline"> </div> </div> <br/> email1 所有校验提示在此展示:<div id="eg-inline"></div> <br/> email2 邮箱校验提示在此展示:<div id="eg-email-inline"></div> <br/> <script type="text/javascript" charset="utf-8"> $(function () { //这里增加邮编进行校验 $('#form').validation({ isSubmit: false }); }) </script> </body> </html>
设置依赖 spring boot的bean validation 由validation start支持,maven依赖如下: <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-validation</artifactId> </dependency> 复
Java Community Process Submit this Search Press Room | Get Java Here | Find JSRs Submit this Search JSRs by Platform JSRs by Technology JSRs by Stage JSRs by Committee List of All JSRs My JCP Registe
一、文件命名 编写的validation.xml文件针对的是单个的action 命名格式为:action的名字-validation.xml eg:LoginAction-validation.xml 编写的validation.xml文件式针对某个action里面的特定一个方法 eg: UserAction public class UserAction extends ActionSuppor
1 validation的一般框架 模型为model,优化器为optimizer min_val_loss = np.inf for epoch in range(1, epochs + 1): ############################训练部分开始############################# model.train() train_l
用处: 在实际的训练中,训练的结果对训练集的拟合程度通常还是挺好,但是对训练集之外的数据的拟合程度通常就不那么令人满意。 因此我们通常并不会把所有的数据集都拿来训练,而是分出一部分来(这一部分不参加训练)对训练集生成的参数进行测试,相对客观的判断这些参数对训练集之外的数据的符合程度,适用解决遇到的过拟合或欠拟合情况。 基本思想: 将原始数据(dataset)
项目的后台更改和添加文章突然无效了,查看系统日志发现是 Module not inserted due to validation error. 其实原因很简单,在表单中加入了百度编辑器,在给编辑器命名的时候使用了name="content",由于yii2 view页面在提交表单后,控制器要使用$model->load()来检查当前类名数组是否存在。 如: view里的表单元素提交的值都放在Art
remote method remote( options )Returns:Boolean Description: Requests a resource to check the element for validity. remote( options ) options Type: Object For the URL of the resource to request for ser
Use a form validation framework or a form validation library Focus on solving the big validation problems Do Form Validation before form is submitted Use Ajax Form Validation for business data inpu
概念:java中的Bean Validation是一个数据验证的规范。 说明:Hibernate Validator是Bean Validation的一个具体实现。 举例:在springMVC中使用Hibernate Validator 1)maven依赖: <dependency> <groupId>javax.validation</groupId> <artifact
本篇主要介绍使用 JavaScript 进行表单验证。 表单验证并不是 JavaScript 提供的某种特性,而是结合各种特性达到的一种目的,是需求的产物。 所有线上产品的表单几乎都有验证,如注册时要求“用户名 6-16 位”,验证会由 JavaScript 来完成,通常为了安全性和准确性,服务端会再次做一遍验证。 1. 验证目标 表单用于收集信息,从 HTML 上讲,表单内容使用 form 标签
本小节会介绍 Django 中 Form 对象的相关属性与方法,并结合实战让大家能彻底掌握表单的用法。 1. 关于表单的两个基本实验 表单我们在前面介绍 HTML 基础的时候介绍过。下面是之前完成的一个简单的表单示例,模仿普通网站的登录表单: (django-manual) [root@server first_django_app]# cat templates/test_form1.html
我们可以给组件的 data 指定校验规则。如果传入的数据不符合规则,那么 san 会抛出异常。当组件给其他人使用时,这很有用。 指定校验规则,需要使用 DataTypes 进行声明: import san, {DataTypes} from 'san'; let MyComponent = san.defineComponent({ dataTypes: { name:
本文向大家介绍Vue.js 表单校验插件,包括了Vue.js 表单校验插件的使用技巧和注意事项,需要的朋友参考一下 Vuerify 是一个简单轻量的数据校验插件。内置基础的校验规则和错误提示。可自定义规则,规则类型支持正则、函数或者字符串。校验规则可全局注册也可以组件内注册。插件会给 vm 添加 $vuerify 对象,同时 watch 数据并校验合法性,如果有错误会存入 vm.$vuerify.
Framework7 有一些方法可以让读取和填写表单数据变得非常方便: Form 转化成 JSON 使用 app 对应的方法可以非常方便把所有的表单元素转化成一个 JSON 对象: myApp.formToJSON(form) - 把表单转换成JSON对象 form - HTML元素 or 字符串 (CSS选择器) 返回一个JSON对象 <form id="my-form" class="list
很多情况下,需要传递一些信息,从浏览器到 Web 服务器,最终到后台程序。浏览器使用两种方法可将这些信息传递到 Web 服务器,分别为 GET 方法和 POST 方法。 GET 方法 GET 方法向页面请求发送已编码的用户信息。页面和已编码的信息中间用 ? 字符分隔,如下所示: http://www.test.com/hello?key1=value1&key2=value2 GET 方法是默