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. C++ 中的比較函数

    在敲代码的时候,排序是一种和经常使用的算法.在排序中.比較又是当中最经常使用的操作.这里,我们来分析一下C++中的比較问题. 当中,基本数据类型int. float.string等已经提供了默认的比較 ...

  2. 全部编程皆为Web编程

    原文作者:Jeff Atwood   原文链接:http://blog.codinghorror.com/all-programming-is-web-programming Michael Brau ...

  3. 将jar要么aar公布到到网mvn 在(使用github作为仓库), 通过gradle dependency 信息集成

    使用Android Studio用户开发,都希望通过maven该方式整合远程仓库jar.aar文件.但如何将这些文件发布它? 发人员都会将jar文件公布到sonatype上,以提供给其它开发人员集成, ...

  4. [笔记] C# Windows Phone 8 WP8 开发,判断目前网路是否可用。

    原文:[笔记] C# Windows Phone 8 WP8 开发,判断目前网路是否可用. 常常我们在开发Windows Phone 8 App时会使用网路来读取网页的资料或其他开放平台的Json.X ...

  5. 【夸QT在十五】ctkPluginFrameWork插件系统Windows编译器

    采用ctkPluginFramework作为一个插件系统开发框架确实有很多优点. 有些车站最近收到的一封信,每个人都想用ctkPluginFramework但我不知道如何建立,本教程对谈ctkPlug ...

  6. Python使用subprocess的Popen要调用系统命令

    当我们须要调用系统的命令的时候,最先考虑的os模块.用os.system()和os.popen()来进行操作.可是这两个命令过于简单.不能完毕一些复杂的操作,如给执行的命令提供输入或者读取命令的输出, ...

  7. 树莓派安装 dig命令

     apt-get install  dnsutils

  8. 【原创】纯OO:从设计到编码写一个FlappyBird (二)

    第一部分请点这里. 续结前文,本文将实现Game类. 首先是实例变量.由上次的类图可以看出,Game类首先得具有如下实例变量: 0.Judge judge;1.SimpleDraw draw; // ...

  9. 【Linux探索之旅】第二部分第二课:命令行,世界尽在掌握

    内容简介 1.第二部分第二课:命令行,世界尽在掌握 2.第二部分第三课预告:文件和目录,组织不会亏待你 命令行,世界尽在掌握 今天的标题是不是有点霸气侧漏呢? 读者:“小编,你为什么每次都要起这么非主 ...

  10. 返璞归真 asp.net mvc (9) - asp.net mvc 3.0 新特性之 View(Razor)

    原文:返璞归真 asp.net mvc (9) - asp.net mvc 3.0 新特性之 View(Razor) [索引页][源码下载] 返璞归真 asp.net mvc (9) - asp.ne ...