atittit.表单验证的实现方式以及原理本质以及选型以及自定义兼容easyui dsl规则的表单验证

1. 需求，表单验证需要弹框式，但目前easyui ms绑定死了tooltip式样 1

2. 表单验证表现形式 1

2.1. 弹框 1

2.2. 浮动tooltip，推荐这个 1

3. 表单验证的实现原理 1

3.1. 定义reg 2

3.2. 解释 2

3.3. 调用提示。。。 2

4. 表单验证框架选型easyui》ligerui 2

4.1. ligerui的表单验证选型。。。 2

4.2. 其他jq验证器 2

5. easyui表单验证的问题 2

6. 通过easyui api，自定义解释器，通过isvalide方法读取到valide 结果，就是读取不到msg属性 2

7. 完全自定义解释器，jq api ,自行判断验证结果，获取msg属性，注入act 3

8. 参考 3

1. 需求，表单验证需要弹框式，但目前easyui ms绑定死了tooltip式样

作者:: 老哇的爪子 Attilax 艾龙， EMAIL:1466519819@qq.com

转载请注明来源： http://blog.csdn.net/attilax

2. 表单验证表现形式

2.1. 弹框

2.2. 浮动tooltip，推荐这个

3. 表单验证的实现原理

3.1. 定义reg

3.2. 解释

3.3. 调用提示。。。

4. 表单验证框架选型easyui》ligerui

4.1. ligerui的表单验证选型。。。

一个字，垃圾，文档没有验证方面的说明。。只有个demo太简陋

4.2. 其他jq验证器

但问题是不能兼容easyui的定义规则。。只能自己写了。

5. easyui表单验证的问题

绑定死了tooltips，没办法换成弹框格式。。

6. 通过easyui api，自定义解释器，通过isvalide方法读取到valide 结果，就是读取不到msg属性

normal options meth zeu ok...se..validebox zeush ma jeig meth...

so,cant get option..only custom get ....

7. 完全自定义解释器，jq api ,自行判断验证结果，获取msg属性，注入act

$(".ati-validatebox").each(function(){

// if($(this).attr("height")>高度)

var ops=( $(this).attr("data-options") );

var ops_json=eval( "({"+ops+"})" );

if(ops_json.required)

{

if( $(this).val()=="")

{

alert(ops_json.missingMessage);

throw "err";

}

});

8. 参考

强力推荐10款t表单验证插件_大楚网_腾讯网.htm

atittit.表单验证的实现方式以及原理本质以及选型以及自定义兼容easyui dsl规则的表单验证相关推荐

R语言构建xgboost模型：交叉验证（cross validation）训练xgboost模型，配置自定义的损失函数评估函数并使用交叉验证训练xgboost模型
R语言构建xgboost模型:交叉验证(cross validation)训练xgboost模型,配置自定义的损失函数(loss function).评估函数(evaluation function) ...
oracle多表联合查询更新,ORACLE 两表关联更新三种方式
不多说了,我们来做实验吧. 创建如下表数据 select * from t1 ; select * from t2; 现需求:参照T2表,修改T1表,修改条件为两表的fname列内容一致. 方式1,u ...
oracle中更改表名称,oracle中修改表名的几种方式
answer1: ALTER TABLE old_table_name RENAME TO new_table_name;(大写为系统命令) answer2: sql> select tname ...
多通道_多通道光纤滑环与单通道光纤滑环的设计原理区别
光纤滑环是一种以光纤为数据载体,能够使光信号在转动部件与静止部件间进行无间断传输的精密装置.它主要分单通道与多通道光纤滑环,今天我们一起来了解多通道光纤滑环与单通道光纤滑环的设计原理区别. 深圳黙孚龙 ...
form表单的多种提交方式及提交前验证
以下是本人总结处来的一些form的提交方式,网上还有别的提交方式,这里我总结了大小分为7类,其实就是三类的提交方式,若有哪里不对的,还请评论指出来,大家一起学习学习 1.无任何验证提交(最普通的提交) ...
python全栈开发 * 表格标签表单标签 css 引入方式 * 180807
html部分一.表格标签<table> 1.一个表格<table>由每行<tr>组成的,每行是由<td>组成的. 注意: 一个表格是由行组成的(行是由 ...
带有托管代码的InfoPath2007表单模版发布到SharePoint表单库（浏览器方式查看）
在本篇文章中,将与大家分享如何将一个带有托管代码(manage code)的InfoPath2007表单模版发布到SharePoint Server2007的表单库中,并使得最终用户可以通过浏览器方式 ...
form表单—2种提交方式
只提交参数到后台,不接收返回值 html代码  <form id="editForm" action=&qu ...
form表单的多种提交方式
在项目开发中自己总结的form表单的集中提交方式: 1,<input type="submit"> 提交按钮提交表单. 例: <!DOCTYPE html> ...
Vue+Element UI 下，如何给一个表单设置自定义规则或多个验证规则（：rules）
依旧是公司里那个Vue+Element UI的项目.今天遇到了一个新的问题:表单中某个选择器的值不同,控制着下面表单内容是否显示. 大概就是这个样子.由后台返回的"发放方式"的数值 ...