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

1.需求，表单验证需要弹框式，但目前easyuims绑定死了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.通过easyuiapi，自定义解释器，通过isvalide方法读取到valide结果，就是读取不到msg属性 2

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

8.参考 3

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

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

转载请注明来源：/attilax

2.表单验证表现形式

2.1.弹框

2.2.浮动tooltip，推荐这个

3.表单验证的实现原理

3.1.定义reg

<inputname="materialDescription"type="text"id="materialDescription"class="ati-validateboxinput-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.通过easyuiapi，自定义解释器，通过isvalide方法读取到valide结果，就是读取不到msg属性

normaloptionsmethzeuok...se..valideboxzeushmajeigmeth...

so,cantgetoption..onlycustomget....

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

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

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

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

varops_json=eval("({"+ops+"})");

if(ops_json.required)

{

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

{

alert(ops_json.missingMessage);

throw"err";

}

}

});

8.参考

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