`
bozch
  • 浏览: 460886 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery easyui表单的异步验证

阅读更多

在使用jquery easyui的时候,很多实用要用到异步验证,但是jqueryeasyui本身并没有提供相关的实现。本人对其进行了扩展。代码如下:

remote: {
        validator: function(value, url){
            $.post(url+"",{name:value},function(data){
               if(data=="unexist"){
                  flag = true;
                  $.data(document.body,"flag",flag);
               }else if(data=="exist"){
                  flag = false;
                  $.data(document.body,"flag",flag);
               }
            });
            return  $.data(document.body,"flag");
        },
        message: '已被占使用'
    }

 

   使用案例: <input type="input" class="easyui-validatebox" validType="remote['organization/organization!isUserNameExist.action?userid=${usertable.userid}']" required="true"/>

     在后台返回的字符串给定死了(unexist和exist),需要的话可以自行调整。

     添加和修改表单的验证都可用。     

    总结:此扩展主要灵感来自与length长度验证。

 

    本人对jquery easyui某些版本做了稍微的研究,也做了一些扩展(例如:datagrid添加的查询区域属性searchform)和bug的修复。有时间都慢慢整理出来。如果有疑问,请留言。

分享到:
评论
2 楼 bozch 2012-10-09  
panel在很多地方被继承了,他本身有属性能够控制这一点。
1 楼 飘泊永恒 2012-09-13  
您好,您知道怎么在使用tab的时候,点击切换一次tab,tab中的内容就刷新一次,或者重新加载也可以

相关推荐

    SSH+Jquery easyUI后台管理系统

    jQuery EasyUI是基于jQuery的轻量级前端开发框架,它提供了丰富的UI组件,如表格、表单、对话框、菜单等,可以帮助开发者快速构建出响应式的页面布局和交互效果。EasyUI的组件大多采用HTML5和CSS3技术,因此在兼容性...

    jquery easyui + Ztree +折线图

    首先,jQuery EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如对话框、表单、表格、菜单等,大大简化了前端开发工作。EasyUI的核心在于它的“数据驱动”理念,通过JSON数据和简单的HTML标记,开发者...

    jQueryEasyUI1.3.6版本

    1. **组件库**:jQuery EasyUI 提供了多种UI组件,如对话框(Dialog)、表单(Form)、表格(Grid)、树形视图(Tree)、下拉菜单(Menu)等。这些组件都有完整的API和丰富的样式,可以满足开发各种类型Web应用的...

    基于JQueryEasyUI类库的WebForm控件库

    **基于JQueryEasyUI类库的WebForm控件库** JQueryEasyUI是一个基于jQuery的UI框架,它封装了一系列的JavaScript组件,使得开发者能够轻松创建出功能丰富的Web应用程序界面。这个WebForm控件库是专门为.NET平台设计...

    jquery easyui及教程

    jQuery EasyUI 是一个基于 jQuery 的前端开发框架,用于构建用户界面。它提供了丰富的组件和工具,简化了网页的交互设计和界面布局。1.2.5 版本是该框架的一个稳定版本,它包含了对先前版本的改进和新功能的添加。 ...

    jQuery EasyUI中文手册

    《jQuery EasyUI中文手册》是针对JavaScript库jQuery EasyUI的一款详尽指南,旨在帮助开发者更好地理解和运用这个强大的前端框架。jQuery EasyUI基于jQuery,提供了一系列轻量级、易用的UI组件,使得开发者能够快速...

    jQuery EasyUI 1.4.2 版 API 中文版.zip

    5. **表单(Form)**:提供各种表单元素和验证机制,便于用户输入和数据提交。 6. **按钮(Button)**:创建具有不同功能的按钮,如普通按钮、链接按钮、复选按钮等。 7. **面板(Panel)**:封装内容的容器,可以...

    《jQuery EasyUI开发指南》书籍源码

    jQuery EasyUI是一个轻量级、高效的JavaScript库,它基于jQuery,提供了丰富的UI组件,如表格、表单、窗口、菜单等,使得开发者能够快速构建出美观且交互性强的Web应用。 在开发权限系统时,jQuery EasyUI的主要...

    jQuery EasyUI 1.4.5 版 API 中文版.rar

    2. **表单组件**:包括`form`(表单)、`textbox`(文本框)、`passwordbox`(密码框)、`datetimebox`(日期时间框)等,为表单数据的输入和验证提供了便利。 3. **数据展示组件**:`datagrid`(数据网格)和`...

    李炎恢jQuery EasyUI视频教程

    - **案例1:登录表单**:利用jQuery EasyUI中的表单、按钮和对话框组件实现一个简单的登录界面。 - **案例2:商品列表页**:运用表格组件展示商品信息,并通过工具栏实现筛选和排序功能。 - **案例3:个人中心页面**...

    jquery easyUI

    jQuery EasyUI 提供了一系列表单组件,如复选框(checkbox)、单选按钮(radio)、日期选择器(datebox)等,方便创建和验证表单。 ### 3. 主题系统 jQuery EasyUI 支持多主题,开发者可以通过修改或自定义 CSS ...

    jQuery EasyUI jquery-easyui-1.5.5.6

    3. `easyloader.js`:EasyLoader是jQuery EasyUI的一个加载工具,用于异步加载需要的组件,避免一次性加载所有组件导致的资源浪费。 4. `jquery.easyui.mobile.js`:这是针对移动设备优化的版本,使得jQuery EasyUI...

    jQuery EasyUI仿Extjs漂亮界面实例演示

    6. **事件处理**:EasyUI组件有丰富的事件系统,可以通过监听和响应组件的特定事件来实现交互逻辑,例如点击按钮触发某个函数或表单提交时验证数据。 7. **组件组合**:EasyUI的强大之处在于组件之间的可组合性,...

    jQuery EasyUI版API

    - **表单(Form)**:提供了各种表单元素,支持验证和数据提交。 3. **主题**:jQuery EasyUI支持多种预设主题,可以快速改变应用的视觉风格,同时也允许自定义CSS来调整样式。 4. **数据绑定**:EasyUI通过`...

    jQuery EasyUI v1.3.5官方API中文版

    3. **表单(Form)**:用于创建HTML表单,支持数据验证、提交、重置,可与EasyUI的其他组件如下拉框、复选框等配合使用。 4. **网格(Grid)**:数据展示组件,能够展示表格形式的数据,支持排序、筛选、分页、编辑...

    jQuery EasyUI V1.3.4 API中文版

    2. **数据绑定**:通过与jQuery插件如jQuery AJAX的结合,EasyUI支持数据的动态加载和异步操作,实现了与服务器端的数据交换,如datagrid的分页、排序和过滤功能。 3. **主题系统**:EasyUI 提供了一套完整的主题...

    jquery easyui 模板

    - **强大的组件**:丰富的组件库,满足各种功能需求,如表单验证、数据网格、日期选择器等。 ### 4. jQuery EasyUI 的基本使用 - **引入库文件**:在 HTML 文件中,需要引入 jQuery、jQuery EasyUI 的 CSS 和 JS ...

    jQuery EasyUI 1.4.3 API

    - **表单组件**:包括输入框、复选框、单选框、下拉选择等,提供表单验证功能。 3. **API 使用** - **方法调用**:通过`.easyui`链式调用来操作组件,如`$("#element").dialog("open")`打开对话框。 - **属性...

    李炎恢老师jQueryEasyUI视频课程.zip

    《李炎恢老师jQuery EasyUI视频课程》是一个深入学习jQuery EasyUI框架的资源集合,包含了一系列的视频教程和配套的代码文档。jQuery EasyUI是一个基于jQuery的轻量级前端开发框架,它为开发者提供了丰富的UI组件,...

Global site tag (gtag.js) - Google Analytics