easyUI的form表单中有很多种类型的标签,easyui-validate、easyui-textbox、easyui-combox、easyui-datebox、easyUI-datetimebox等等。
在使用easyui-textbox时,想通过onblure()事件做一些处理,可是,事件总不被触发。一个最基本最简单的onblur(),怎么可能不执行?因为缓存?来回试了好多次,还是不能触发,于是,在别人那里试,结果还是不行。这下,不再轻视这个问题了,开始思考原因。最终,问题还是解决了,我们先来看两行代码,看完,你就知道答案了。
使用easyui-textbox:
- <input id="loginName"class="easyui-textbox" missingMessage="请填写登录名" data-options="required:true,validType:'length[1,5]'" onblur="isExistLoginName()">
<input id="loginName"class="easyui-textbox" missingMessage="请填写登录名" data-options="required:true,validType:'length[1,5]'" onblur="isExistLoginName()">
使用easyui-validatebox:
- <input id="loginName" class="easyui-validatebox" missingMessage="请填写登录名" data-options="required:true,validType:'length[1,5]'" onblur="isExistLoginName()">
<input id="loginName" class="easyui-validatebox" missingMessage="请填写登录名" data-options="required:true,validType:'length[1,5]'" onblur="isExistLoginName()">
对比两个html,看出问题了吧?easyui-validatebox和easyui-textbox所生成的dom结构是不一样的。
easyui-validate类型的输入框,可以直接 触发onblure()事件,而easyui-textbox类型的输入框,onblur()事件需要换一种触发方式:
- $("input",$("#loginName").next("span")).blur(function(){
- alert("登录名已存在");
- })
相关推荐
在这个实例中,我们将深入探讨 EasyUI 中的两个重要组件:`easyui-textbox` 和 `easyui-combobox`,以及它们的 `onchange` 事件响应。 `easyui-textbox` 是一个基础输入框组件,它扩展了原生 HTML 的 `input` 元素...
我们可以通过在文本框的data-options中指定events属性来绑定blur事件,如:<input class="easyui-textbox" data-options="events:{blur:getStaffno}" id="staffno"name="staffno" value="${user.staffno}"/> ...
自己花了 一晚上搞出来的,没有找到合适的,最后自己根据观看博客的总结,做了此demo 下载运行即可
在使用UasyUI的时候,在一般的input输入框上添加class="easyui-textbox"属性,则在该输入框上添加的事件将不起作用,但是如果去掉class="easyui-textbox"变成一般的input则起作用。 控件的生成原理,它是把你原有的...
本文将深入探讨基于EasyUI的TextBox颜色选择器及其源码,帮助开发者理解这一组件的工作原理并实现自定义功能。 EasyUI是一个基于jQuery的轻量级前端框架,它提供了丰富的UI组件,使得开发者可以快速构建出美观、...
jquery-easyui-EDT-1.5.2-build1 jquery-easyui-EDT-1.5.2-build1
jquery-easyui-1.2.2jquery-easyui-1.2.2jquery-easyui-1.2.2
easyui\easyui-accordion-demo.zip easyui\easyui-crud-demo.zip easyui\easyui-datagrid10-demo.zip easyui\easyui-datagrid11-demo.zip easyui\easyui-datagrid12-demo.zip easyui\easyui-datagrid13-demo.zip ...
"easyui-datagrid2-demo.zip" 文件包含了使用 EasyUI Datagrid 的一个示例,帮助开发者了解如何实现数据的加载、分页、排序等基本操作。 在这个 demo 中,我们可以从以下几个方面学习 EasyUI Datagrid 的使用: 1....
easyui插件的支持日期汉化,分页汉化,form表单提示汉化。
在 `jquery-easyui-EDT-1.4.2-中文文档` 中,我们主要会探讨以下几个关键知识点: 1. **EasyUI 组件**:EasyUI 提供了多种组件,如对话框(Dialog)、表单(Form)、表格(Grid)、菜单(Menu)、树形控件(Tree)...
在本压缩包 "easyui-datagrid21-demo.zip" 中,我们找到了一个关于 EasyUI Datagrid21 的演示实例,该实例包含了一个 HTML 页面、一个 PHP 后端接口以及相关的图片和数据资源。下面将对这个演示实例进行详细的解析。...
这个"jQueryEasyUI1.4.1-版-API-中文版"包含了jQuery EasyUI 1.4.1版本的API文档,对于理解和使用该框架非常有帮助。 1. **jQuery EasyUI 概述** jQuery EasyUI 是由一系列预定义的jQuery插件组成的框架,它将常见...
EasyUI入门教程--第01课_EasyUI简介.avi,这是由孙宇老师录制的视频,现在很难找了,讲得很详细,授人以鱼,不如授人以渔。 第01课(大概介绍一下easyui,和组织的地址,官方网站等) 第02课(介绍easyloader组件和...
easyui-lang-zh_CN.js easyui-lang-zh_CN.js 页面开发,使用easyui,进行汉化使用js文件
easyui-datagrid是基于jQuery EasyUI框架的一个组件,它可以用来在前端页面上展示表格形式的数据。其特点包括支持分页、排序、远程数据加载等功能。文件描述中提到的easyui-datagrid组件能够左侧显示简略信息,右侧...
easyui日期,时间框汉化包,汉化easyui日期控件,时间控件。
这个“jquery-easyui-EDT-1.4.5-build1”版本是EasyUI的一个特定构建,被广泛认为是好用的版本。本文将详细介绍这个框架以及其组件,帮助读者深入理解其功能和应用。 一、jQuery EasyUI概述 jQuery EasyUI 是一套...
支持datagrid扩展,在一条记录下面可以嵌套一个子datagrid,切记要在页面中引入该js
在这款名为 "jquery-easyui-EDT-1.4-build1-附带各种主题" 的压缩包中,我们不仅获得了 jQuery EasyUI 的核心库,还得到了一套丰富多样的主题资源,这将为我们的网页设计带来极大的灵活性和视觉吸引力。 1. **...