jQuery 报错，对象不支持tolowercase属性或方法

时间：2021-07-09 14:10:43

泪流满面。
<input>里id和name都不能是nodeName，否则跟jquery.js冲突

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，都没有办法解决，而且最怪的是只有这个模块，其他模块都是正常的，冷静下来判断可能问题出在该模块上。于是仔细的分析该报错的简单页面。如下

  1. <%@ page contentType="text/html;charset=UTF-8"%>
  2. <%@ include file="/manage/common/taglibs.jsp"%>
  3. <div align="center">
  4. <form id="manage_flownode_editform" action="url" method="post">
  5. <jodd:form bean="flowNode" scope="request">
  6. <input name="id" type="hidden" />
  7. <table class="tableForm" width="100%">
  8. <tr>
  9. <th width="30%">节点名称：</th>
  10. <td><input type="text" name="nodeName" class="easyui-validatebox" data-options="required:true" validType="length[1,32]"/></td>
  11. </tr>
  12. </table>
  13. </jodd:form>
  14. </form>
  15. </div>

于是逐一删减代码分析，发现问题出在一个表单的命名上：

<input type="text" name="nodeName" class="easyui-validatebox" data-options="required:true" validType="length[1,32]"/>
修改nodeName为其他名称后，问题解决。我靠~ 浪费了3，4个小时啊。兄弟们，千万不要命名表单的名称为node

相关文章