在使用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的修复。有时间都慢慢整理出来。如果有疑问,请留言。
分享到:
相关推荐
jQuery EasyUI是基于jQuery的轻量级前端开发框架,它提供了丰富的UI组件,如表格、表单、对话框、菜单等,可以帮助开发者快速构建出响应式的页面布局和交互效果。EasyUI的组件大多采用HTML5和CSS3技术,因此在兼容性...
首先,jQuery EasyUI是一个基于jQuery的前端框架,它提供了丰富的UI组件,如对话框、表单、表格、菜单等,大大简化了前端开发工作。EasyUI的核心在于它的“数据驱动”理念,通过JSON数据和简单的HTML标记,开发者...
1. **组件库**:jQuery EasyUI 提供了多种UI组件,如对话框(Dialog)、表单(Form)、表格(Grid)、树形视图(Tree)、下拉菜单(Menu)等。这些组件都有完整的API和丰富的样式,可以满足开发各种类型Web应用的...
**基于JQueryEasyUI类库的WebForm控件库** JQueryEasyUI是一个基于jQuery的UI框架,它封装了一系列的JavaScript组件,使得开发者能够轻松创建出功能丰富的Web应用程序界面。这个WebForm控件库是专门为.NET平台设计...
jQuery EasyUI 是一个基于 jQuery 的前端开发框架,用于构建用户界面。它提供了丰富的组件和工具,简化了网页的交互设计和界面布局。1.2.5 版本是该框架的一个稳定版本,它包含了对先前版本的改进和新功能的添加。 ...
《jQuery EasyUI中文手册》是针对JavaScript库jQuery EasyUI的一款详尽指南,旨在帮助开发者更好地理解和运用这个强大的前端框架。jQuery EasyUI基于jQuery,提供了一系列轻量级、易用的UI组件,使得开发者能够快速...
5. **表单(Form)**:提供各种表单元素和验证机制,便于用户输入和数据提交。 6. **按钮(Button)**:创建具有不同功能的按钮,如普通按钮、链接按钮、复选按钮等。 7. **面板(Panel)**:封装内容的容器,可以...
jQuery EasyUI是一个轻量级、高效的JavaScript库,它基于jQuery,提供了丰富的UI组件,如表格、表单、窗口、菜单等,使得开发者能够快速构建出美观且交互性强的Web应用。 在开发权限系统时,jQuery EasyUI的主要...
2. **表单组件**:包括`form`(表单)、`textbox`(文本框)、`passwordbox`(密码框)、`datetimebox`(日期时间框)等,为表单数据的输入和验证提供了便利。 3. **数据展示组件**:`datagrid`(数据网格)和`...
- **案例1:登录表单**:利用jQuery EasyUI中的表单、按钮和对话框组件实现一个简单的登录界面。 - **案例2:商品列表页**:运用表格组件展示商品信息,并通过工具栏实现筛选和排序功能。 - **案例3:个人中心页面**...
jQuery EasyUI 提供了一系列表单组件,如复选框(checkbox)、单选按钮(radio)、日期选择器(datebox)等,方便创建和验证表单。 ### 3. 主题系统 jQuery EasyUI 支持多主题,开发者可以通过修改或自定义 CSS ...
3. `easyloader.js`:EasyLoader是jQuery EasyUI的一个加载工具,用于异步加载需要的组件,避免一次性加载所有组件导致的资源浪费。 4. `jquery.easyui.mobile.js`:这是针对移动设备优化的版本,使得jQuery EasyUI...
6. **事件处理**:EasyUI组件有丰富的事件系统,可以通过监听和响应组件的特定事件来实现交互逻辑,例如点击按钮触发某个函数或表单提交时验证数据。 7. **组件组合**:EasyUI的强大之处在于组件之间的可组合性,...
- **表单(Form)**:提供了各种表单元素,支持验证和数据提交。 3. **主题**:jQuery EasyUI支持多种预设主题,可以快速改变应用的视觉风格,同时也允许自定义CSS来调整样式。 4. **数据绑定**:EasyUI通过`...
3. **表单(Form)**:用于创建HTML表单,支持数据验证、提交、重置,可与EasyUI的其他组件如下拉框、复选框等配合使用。 4. **网格(Grid)**:数据展示组件,能够展示表格形式的数据,支持排序、筛选、分页、编辑...
2. **数据绑定**:通过与jQuery插件如jQuery AJAX的结合,EasyUI支持数据的动态加载和异步操作,实现了与服务器端的数据交换,如datagrid的分页、排序和过滤功能。 3. **主题系统**:EasyUI 提供了一套完整的主题...
- **强大的组件**:丰富的组件库,满足各种功能需求,如表单验证、数据网格、日期选择器等。 ### 4. jQuery EasyUI 的基本使用 - **引入库文件**:在 HTML 文件中,需要引入 jQuery、jQuery EasyUI 的 CSS 和 JS ...
- **表单组件**:包括输入框、复选框、单选框、下拉选择等,提供表单验证功能。 3. **API 使用** - **方法调用**:通过`.easyui`链式调用来操作组件,如`$("#element").dialog("open")`打开对话框。 - **属性...
《李炎恢老师jQuery EasyUI视频课程》是一个深入学习jQuery EasyUI框架的资源集合,包含了一系列的视频教程和配套的代码文档。jQuery EasyUI是一个基于jQuery的轻量级前端开发框架,它为开发者提供了丰富的UI组件,...