atittit.表单验证的实现方式以及原理本质以及选型以及自定义兼容easyui dsl规则的表单验证
2014-07-22 19:08
666 查看
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
转载请注明来源: http://blog.csdn.net/attilax
so,cant get option..only custom get ....
// 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";
}
}
});
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
<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相关文章推荐
- atittit.表单验证的实现方式以及原理本质以及选型以及自定义兼容easyui dsl规则的表单验证
- atittit.表单验证性质的原则和实施,以及选择和定义自己的兼容easyui dsl窗体身份验证规则
- MVC数据验证原理及自定义ModelValidatorProvider实现无编译修改验证规则和错误信息
- easyui自定义表单验证规则
- Easyui validatebox修改 以及自定义验证规则
- MVC数据验证原理及自定义ModelValidatorProvider实现无编译修改验证规则和错误信息
- 如何使用thinkphp5的表单验证器以及自定义验证规则?
- 手机号验证,为jquery-validation添加自定义验证方式,以及Ajax提交form表单
- MVC数据验证原理及自定义ModelValidatorProvider实现无编译修改验证规则和错误信息
- EasyUI表单验证,自定义插件验证,自定义js插件验证,远程验证,常见手机号,中英文,qq等验证规则验证
- 一个流行且实用的JS表单验证提示,演示了怎么自定义错误信息的显示方式,同时通过写FormValid.showError类方法来实现错误显示方式自定义: errMsg 是一个错误消息的数组,这样方便自定
- EasyUI的自定义验证规则,验证日期的有效性
- ExtJs4表单textfield中的验证使用以及自定义的vtype的使用
- easyui validatebox 验证集合,自定义easyui验证规则
- EasyUi的实现自定义验证过程
- MOSS 之 自定义MembershipProvider实现Forms方式验证
- MOSS与业务系统的集成 之 自定义Membership实现Forms方式验证
- easyui 表单和自定义验证扩展和js自定义返回值
- .NET 业务框架开发实战之九 Mapping属性原理和验证规则的实现策略