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

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.youkuaiyun.com/attilax

 

2. 表单验证表现形式

2.1. 弹框

2.2. 浮动tooltip，推荐这个

3. 表单验证的实现原理

 

3.1. 定义reg

<input name="materialDescription" type="text"   id="materialDescription" class="ati-validatebox input-text" data-options="required:true,novalidate:true,missingMessage:'描述不能为空的',deltaX:50,delay:20000">

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