`

JQuery 实践问题 - toLowerCase 错误

 
阅读更多

 

在应用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啊。

 

    

分享到:
评论
5 楼 Love_wh1314 2017-03-03  

果然是这个问题。。。
维护别人的代码,开始还以为自己改错了,结果有这么一个大坑。
4 楼 youlxb2008 2016-06-20  
非常感谢,果然好坑呀
3 楼 hitmxs 2016-04-24  
楼主,我被你的奉献精神,共享精神,伟大的阶级情谊感动了。我也遇到一样问题。解决了。的确是不能命名为nodeName
2 楼 bigablecat 2016-01-13  
找遍全网用楼主的方法解决了!泪流满面。
<input>里id和name都不能是nodeName,否则跟jquery.js冲突
1 楼 韩三表 2014-06-05  
谢谢博主,果然是nodeName问题,浪费了好多时间。

相关推荐

    Jquery combo-select

    3. 错误处理:添加验证机制,防止用户输入非法值。 4. 多选模式:支持多选功能,用户可以同时选择多个选项。 5. 自定义样式:通过CSS定制组件的外观,使其与网站设计风格保持一致。 6. 插件集成:利用现有的...

    Query-Tagit-master

    return tag.toLowerCase().indexOf(request.term.toLowerCase()) &gt;= 0; })); } } }); ``` 5. **优化用户体验** jQuery-Tagit的使用可以显著提升用户在输入标签时的体验。自动完成功能减少了用户键入的时间,...

    jquery-带搜索框的下拉

    在网页开发中,jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理、动画效果以及异步交互等功能。"jquery-带搜索框的下拉" 是一种利用 jQuery 实现的功能,用于增强传统的下拉选择框,特别是在...

    jquery实现select带模糊搜索下拉选择框

    为了进一步提升用户体验,你还可以添加一些附加功能,如自动聚焦搜索框、输入提示、错误处理等。这可以通过扩展 `jQuery` 代码来实现。 通过以上步骤,你就成功地创建了一个使用 `jQuery` 和 CSS 的带模糊搜索功能...

    jQuery原理系列-css选择器的简单实现

    在互联网上,前端开发技术不断演进,其中jQuery库凭借其简洁的API和强大的功能,尤其是CSS选择器的使用,在Web开发中占据了重要的位置。虽然随着HTML5标准的出现,浏览器原生提供了更为高效的选择器API,但jQuery所...

    jquery自动补全代码 AutoComplete-master

    return item.label.toLowerCase().indexOf(term.toLowerCase()) === 0; } ``` - **模板和渲染**:自定义建议项的HTML结构和样式,提升用户体验。 ```javascript item: function(item) { return "&lt;a&gt;" + item....

    jquery下拉框集成搜索功能

    在前端开发中,jQuery是一个非常流行的JavaScript库,它简化了DOM操作、事件处理以及Ajax交互。...在实践中,结合使用jQuery、JavaScript和ECMAScript,我们可以构建出更加交互友好和高效的前端应用。

    jQuery支持模糊查询下拉框菜单选择代码

    综上所述,实现"jQuery支持模糊查询下拉框菜单选择代码"涉及了jQuery基础、事件监听、DOM操作、模糊查询逻辑以及前端工程化的实践。通过结合这些知识点,我们可以构建出一个响应迅速、用户友好的模糊查询下拉框。

    jQuery搜索框过滤效果

    在IT领域,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档...这个功能对于提高网页交互性和用户满意度至关重要,是现代网页开发中的常见实践。通过熟练掌握这些技能,开发者可以构建更加高效和友好的Web应用。

    JQuery学校选择效果

    这个“JQuery学校选择效果”项目可能是为了实现一个交互式的下拉选择功能,常见于在线报名系统或者学生信息录入界面,让用户能够方便地从一系列学校中进行选择。下面将详细探讨jQuery实现此类效果的技术细节。 首先...

    jQuery模糊搜索表格数据代码

    if ($(this).text().toLowerCase().indexOf(keyword.toLowerCase()) === -1) { $(this).hide(); // 隐藏不匹配的行 } else { $(this).show(); // 显示匹配的行 } }); } ``` 此函数遍历表格的每一行,如果行...

    jqueryUI的Autocomplete实现代码

    .filter(s -&gt; s.toLowerCase().startsWith(term.toLowerCase())) .collect(Collectors.toList()); } } ``` #### .NET (ASP.NET Core) 在.NET环境中,可以使用ASP.NET Core MVC来实现Controller。创建一个`Api...

    jquery实现自动提示的文本框

    return suggestion.toLowerCase().startsWith(userInput.toLowerCase()); }); ``` 4. **显示提示列表**:如果存在匹配的建议,显示提示列表: ```javascript if (filteredSuggestions.length &gt; 0) { $("#...

    jQuery实现模式窗口登录

    #### 代码解析与实践 ### 创建模态窗口 首先,通过`$.extend`方法向jQuery添加自定义函数`showDialog`: ```javascript $.extend({ showDialog: function(loginPage, loadingimg) { // 创建背景遮罩层 $("body...

    基于Jquery的简单自动补全

    \n\n // 搜索匹配的建议\n var matches = autocompleteData.filter(function(item) {\n return item.toLowerCase().indexOf(inputText.toLowerCase()) !== -1;\n });\n\n // 更新结果列表\n updateSuggestions...

    jquery 地震效果 百度

    var searchText = $(this).val().trim().toLowerCase(); if (searchText === '2012世界末日') { createEarthquakeEffect(); } }); ``` 5. **CSS3增强**:为了更逼真的效果,可以使用CSS3的`transform`属性和...

    jQuery实现的搜索列表过滤

    4. **性能优化**:为了提高效率,可以使用`.debounce()`或`.throttle()`函数,限制搜索事件的处理频率,防止频繁触发导致的性能问题。这两个函数可以避免在用户连续输入时执行过多不必要的计算。 5. **动画效果**:...

    JQuery笔记.docx

    - `toLowerCase()`: 转换为小写。 - `indexOf()`: 查找指定字符的位置。 #### 9. 事件处理 - **事件绑定**: 可以通过`onclick`等HTML属性或使用`addEventListener`方法来绑定事件。 - **事件处理函数**: 当特定...

Global site tag (gtag.js) - Google Analytics