在应用JQuery+easyui开发的项目的时候,今天突然在一个模块报错:
Chome下:
Uncaught TypeError: Object #<HTMLInputElement> has no method 'toLowerCase'
IE下:
SCRIPT438: 对象不支持“toLowerCase”属性或方法
jquery-1.8.3.js, 行1719 字符3
郁闷很久,下载JQuery源代码调试,更换版本,调整DOCTYPE,都没有办法解决,而且最怪的是只有这个模块,其他模块都是正常的,冷静下来判断可能问题出在该模块上。于是仔细的分析该报错的简单页面。如下
<%@ page contentType="text/html;charset=UTF-8"%> <%@ include file="/manage/common/taglibs.jsp"%> <div align="center"> <form id="manage_flownode_editform" action="url" method="post"> <jodd:form bean="flowNode" scope="request"> <input name="id" type="hidden" /> <table class="tableForm" width="100%"> <tr> <th width="30%">节点名称:</th> <td><input type="text" name="nodeName" class="easyui-validatebox" data-options="required:true" validType="length[1,32]"/></td> </tr> </table> </jodd:form> </form> </div>
于是逐一删减代码分析,发现问题出在一个表单的命名上:
<input type="text" name="nodeName" class="easyui-validatebox" data-options="required:true" validType="length[1,32]"/>
修改nodeName为其他名称后,问题解决。我靠~ 浪费了3,4个小时啊。兄弟们,千万不要命名表单的名称为nodeName啊。
相关推荐
3. 错误处理:添加验证机制,防止用户输入非法值。 4. 多选模式:支持多选功能,用户可以同时选择多个选项。 5. 自定义样式:通过CSS定制组件的外观,使其与网站设计风格保持一致。 6. 插件集成:利用现有的...
return tag.toLowerCase().indexOf(request.term.toLowerCase()) >= 0; })); } } }); ``` 5. **优化用户体验** jQuery-Tagit的使用可以显著提升用户在输入标签时的体验。自动完成功能减少了用户键入的时间,...
在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理、动画效果以及异步交互等功能。"jquery-带搜索框的下拉" 是一种利用 jQuery 实现的功能,用于增强传统的下拉选择框,特别是在...
为了进一步提升用户体验,你还可以添加一些附加功能,如自动聚焦搜索框、输入提示、错误处理等。这可以通过扩展 `jQuery` 代码来实现。 通过以上步骤,你就成功地创建了一个使用 `jQuery` 和 CSS 的带模糊搜索功能...
在互联网上,前端开发技术不断演进,其中jQuery库凭借其简洁的API和强大的功能,尤其是CSS选择器的使用,在Web开发中占据了重要的位置。虽然随着HTML5标准的出现,浏览器原生提供了更为高效的选择器API,但jQuery所...
return item.label.toLowerCase().indexOf(term.toLowerCase()) === 0; } ``` - **模板和渲染**:自定义建议项的HTML结构和样式,提升用户体验。 ```javascript item: function(item) { return "<a>" + item....
在前端开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。...在实践中,结合使用jQuery、JavaScript和ECMAScript,我们可以构建出更加交互友好和高效的前端应用。
综上所述,实现"jQuery支持模糊查询下拉框菜单选择代码"涉及了jQuery基础、事件监听、DOM操作、模糊查询逻辑以及前端工程化的实践。通过结合这些知识点,我们可以构建出一个响应迅速、用户友好的模糊查询下拉框。
在IT领域,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档...这个功能对于提高网页交互性和用户满意度至关重要,是现代网页开发中的常见实践。通过熟练掌握这些技能,开发者可以构建更加高效和友好的Web应用。
这个“JQuery学校选择效果”项目可能是为了实现一个交互式的下拉选择功能,常见于在线报名系统或者学生信息录入界面,让用户能够方便地从一系列学校中进行选择。下面将详细探讨jQuery实现此类效果的技术细节。 首先...
if ($(this).text().toLowerCase().indexOf(keyword.toLowerCase()) === -1) { $(this).hide(); // 隐藏不匹配的行 } else { $(this).show(); // 显示匹配的行 } }); } ``` 此函数遍历表格的每一行,如果行...
.filter(s -> s.toLowerCase().startsWith(term.toLowerCase())) .collect(Collectors.toList()); } } ``` #### .NET (ASP.NET Core) 在.NET环境中,可以使用ASP.NET Core MVC来实现Controller。创建一个`Api...
return suggestion.toLowerCase().startsWith(userInput.toLowerCase()); }); ``` 4. **显示提示列表**:如果存在匹配的建议,显示提示列表: ```javascript if (filteredSuggestions.length > 0) { $("#...
#### 代码解析与实践 ### 创建模态窗口 首先,通过`$.extend`方法向jQuery添加自定义函数`showDialog`: ```javascript $.extend({ showDialog: function(loginPage, loadingimg) { // 创建背景遮罩层 $("body...
\n\n // 搜索匹配的建议\n var matches = autocompleteData.filter(function(item) {\n return item.toLowerCase().indexOf(inputText.toLowerCase()) !== -1;\n });\n\n // 更新结果列表\n updateSuggestions...
var searchText = $(this).val().trim().toLowerCase(); if (searchText === '2012世界末日') { createEarthquakeEffect(); } }); ``` 5. **CSS3增强**:为了更逼真的效果,可以使用CSS3的`transform`属性和...
4. **性能优化**:为了提高效率,可以使用`.debounce()`或`.throttle()`函数,限制搜索事件的处理频率,防止频繁触发导致的性能问题。这两个函数可以避免在用户连续输入时执行过多不必要的计算。 5. **动画效果**:...
- `toLowerCase()`: 转换为小写。 - `indexOf()`: 查找指定字符的位置。 #### 9. 事件处理 - **事件绑定**: 可以通过`onclick`等HTML属性或使用`addEventListener`方法来绑定事件。 - **事件处理函数**: 当特定...