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

<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窗体身份验证规则的更多相关文章

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

    atittit.表单验证的实现方式以及原理本质以及选型以及自定义兼容easyui dsl规则的表单验证 1. 需求,表单验证需要弹框式,但目前easyui ms绑定死了tooltip式样 1 2. 表 ...

  2. ASP.NET MVC:窗体身份验证及角色权限管理示例

    ASP.NET MVC 建立 ASP.NET 基础之上,很多 ASP.NET 的特性(如窗体身份验证.成员资格)在 MVC 中可以直接使用.本文旨在提供可参考的代码,不会涉及这方面太多理论的知识. 本 ...

  3. 如何通过使用窗体身份验证和 Visual C#.NET 对 Active Directory 验证身份

    本分步指南演示如何在 ASP.NET 应用程序如何使用窗体身份验证允许用户使用轻型目录访问协议 (LDAP),对 Active Directory 进行验证.经过身份验证的用户重定向之后,可以使用Ap ...

  4. Html5 填表 表单(二) input type 各种输入, 各种用户选择,上传等等泛输入用户交互

    <input>        无限制输入     type    限制输入 type = 如下类型     type 后还可以跟一些属性: 如<input type=text max ...

  5. jquery validate表单验证插件-推荐

    1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家.     1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素  3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...

  6. asp.net mvc 模型验证注解,表单提交

    一.添加模型 public class Account { public int ID { get; set; } [Display(Name = "姓名")] //设置要显示的字 ...

  7. Laravel教程 七:表单验证 Validation

    Laravel教程 七:表单验证 Validation 此文章为原创文章,未经同意,禁止转载. Laravel Form 终于要更新这个Laravel系列教程的第七篇了,期间去写了一点其他的东西. 就 ...

  8. HTML5 Web Form 新增属性和表单验证

    <form>标签的基本属性 method属性:指定浏览器向服务器传送数据的方式,可选: action属性:设置服务器接受和处理表单数据的URL: enctype属性:制定表单数据在发送到服 ...

  9. python_way day17 jQuery表单验证,事件绑定,插件,文本框架,正则表达式

    python_way day17 1.jQuery表单验证 dom事件绑定 jquery事件绑定 $.each return值的判断 jquery扩展方法 2.前段插件 3.jDango文本框架 4. ...

随机推荐

  1. BZOJ 1975 SDOI2010 魔法猪学院 A*k短路

    题目大意:给定一个值E 求起点到终点的最多条路径 使长度之和不超过E k短路的A*算法--每一个点有一个估价函数=g[x]+h[x] 当中g[x]是从源点出发已经走了的长度 h[x]是从这个点到汇点的 ...

  2. Android Wear 数据类型和接口的发送和同步数据概述

    Android Wear数据层API,这是google play service部分,通信信道,以你的手持设备和耐磨应用. Api它包含一系列数据对象,可以让系统通过监控和通知行app重要的事件数据层 ...

  3. 多线程——达到Runnable介面

    部分博客(多线程--继承Thread类)介绍了java多线程的第一种实现方法--继承Thread类.这篇博客介绍另外一种方法--实现Runnable接口,并实现run方法. 还用上篇博客的样例.如今用 ...

  4. Emacs经常使用快捷键的注意事项

    一直用VIM,尝试了好几次Emacs都被它"多得像天上的星星"一样的快捷键给吓倒了.这几天最终下定决心再次尝试. 将它的Tutor练习了一下,顺便对经常使用快捷键做了一下笔记,方便 ...

  5. Ubuntu在下面LAMP(Linux+Apache+MySQL+PHP) 开发环境的搭建

    LAMP在行业是一个非常流行的词.此4字母代表Linux.Apache,MySQL和PHP. LAMP其高效.灵活的特点已经成为中小企业的首选. 它已经推出了快速构建LAMP道路. 1 在Ubuntu ...

  6. 初窥Linux 之 文件权限

    一.用户与用户组 为了更好地理解文件权限,我们需要先有用户和用户组的概念.因为在Linux里面,任何一个文件都具有“User(用户).Group(用户组)及Others(其他用户)”3种身份的个别权限 ...

  7. [网络]_[0基础]_[使用putty备份远程数据]

    场景: 1. putty是windows上訪问linux服务的免费client之中的一个.用它来ssh到远程server备份数据是常见的做法(在没做好自己主动备份机制前), 通过putty界面尽管也不 ...

  8. IOS成长之路-Nsstring搜索方法rangeOfString

    NSString *str1 = @"can you \n speak English"; NSString *str = @"\n"; //在str1该字符串 ...

  9. 【剑指offer】q50:树节点最近的祖先

    #@ root: the root of searched tree #@ nodeToFind: the tree-node to be found #@ path: the path from r ...

  10. 【Android 应用开发】 FastJson 使用具体解释

    博客地址 :http://blog.csdn.net/shulianghan/article/details/41011605 fastjson 源代码地址 : -- GitHub : https:/ ...