SCRIPT5009：“setShowCard”在 Internet Explorer 中未定义答案

【问题标题】：SCRIPT5009: 'setShowCard' is undefined in internet explorerSCRIPT5009：“setShowCard”在 Internet Explorer 中未定义
【发布时间】：2013-11-21 12:10:56
【问题描述】：

我在 IE10 中的 Struts Web 应用程序的一个页面上收到上述错误，但在 chrome 或 firefox 中没有。编辑：在任何版本的 Internet Explorer 中都不起作用

显然未定义的 javascript 函数是在调用它的 JSP 上定义的。我已经查看了涉及此错误的其他问题，但它们似乎都是 .Net 或 jQuery 的问题，在此页面中未使用（尽管 jQuery 在应用程序的其他地方使用）。

这是 JSP 的精简版：（抱歉还是很大，不是我写的，所以不能确定什么不相关）

<%@ taglib uri="/tags/struts-bean" prefix="bean" %>
<%@ taglib uri="/tags/struts-html" prefix="html" %>
<%@ taglib uri="/tags/struts-logic" prefix="logic" %>
<%@ taglib uri="/tags/XXX" prefix="XXX" %>
<%@ taglib uri="/tags/struts-tiles" prefix="tiles" %>

<tiles:insert page="/templates/acceptance-layout.jsp" flush="false"> 
  <tiles:put name="pagename" value="paymentdetails" type="String" />
  <tiles:put name="errors" type="String"/>
  <tiles:put name="body" type="String">    

            <script language="JavaScript" type="text/javascript">
                <!-- 
                autoCompOff('PaymentDetailsForm'); 
                -->
                function setShowCard(value){
                    if(value != ""){
                        if(value == "F" || value == "O")                        
                        document.getElementById("isPageReloaded").value = "Y";  
                        else if(value == "N" || value == "S")
                        document.getElementById("isPageReloaded").value = "N";                  
                    }                                       
                }
            </script> 

            <html:form action="PaymentDetails" method="POST">

                <input type="hidden" id="redirectLink" name="redirectLink" value=""/>
                <input type="hidden" name="totalprice" value="<bean:write name='wrapper' property='totalPrice' />" />
                <input type="hidden" name="paymentdetails.recalc" value="" />     
                <input type="hidden" id="showWaitertPage" name="showWaitertPage" value="md-loading"/>               

                <section class="content-main">
                    <div class="inner-content">
                       <div class="box box-summary">
                            <div class="box-body">
                                <label for="cardowner" class="form-label">Whose card is this</label>

                                    <bean:define id="styleClass"><bean:write name="PaymentDetailsForm" property="styleClass" /></bean:define>
                                     <XXX:select  property="cardHolder" id="cardowner" styleClass="<%=styleClass %>"  onchange="setShowCard(this.value)" required ="required">
                                            <XXX:xxxOptionsCollection name="cardHolderList" />
                                            <input type="hidden" id="isPageReloaded"  name="pageReload" value="N" />
                                     </XXX:select> 
                </div>
                        </div>
                    </div> <!-- END .inner-content -->  
                </section>
                    <script>
                        applyCreditCardCharge(document.PaymentDetailsForm,document.PaymentDetailsForm.cardType.value);
                    </script>

            </html:form>

    </tiles:put>
</tiles:insert>

这是我从 IE10 上的开发人员工具中获得的 html：

<!doctype html>
<!-- HTML5 Boilerplate -->
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js gt-ie8" lang="en"><!--<![endif]-->
<head>
    <meta charset="utf-8">
    <base href="http://XXX/pages/paymentdetails.jsp">

            <script src="scripts/libs/modernizr-2.6.2.js"></script>
            <script src="scripts/util.js?v1.9"></script>
            <script src="scripts/libs/jquery-1.10.2.min.js"></script>
            <script src="scripts/form.js?v1.0"></script>

<meta name = "format-detection" content = "telephone=no">
</head>

<body id="top" class="annual js-form">
<div id="outer-wrap">

            <script language="JavaScript" type="text/javascript">
                <!-- 
                autoCompOff('PaymentDetailsForm'); 
                -->
                function setShowCard(value){
                console.log("got here");
                    if(value != ""){
                        if(value == "F" || value == "O")                        
                        document.getElementById("isPageReloaded").value = "Y";  
                        else if(value == "N" || value == "S")
                        document.getElementById("isPageReloaded").value = "N";                  
                    }                                       
                }
            </script> 

            <form name="PaymentDetailsForm" method="POST" action="/XXX/PaymentDetails.do">

                <input type="hidden" id="redirectLink" name="redirectLink" value=""/>
                <input type="hidden" name="totalprice" value="1963.66" />
                <input type="hidden" name="paymentdetails.recalc" value="" />     
                <input type="hidden" id="showWaitertPage" name="showWaitertPage" value="md-loading"/>               

                <section class="content-main">
                    <div class="inner-content">
                        <div class="box box-editable editing js-show-hide">
                            <div class="box-body">                              
                                <div class="form-row editable js-ufs">
                                    <label for="cardowner" class="form-label">Whose card is this</label>                                    
                                     <select name="cardHolder" id="cardowner" required="required" onchange="setShowCard(this.value)" class="js-ufs-trigger"><option value="" selected="selected"></option>
<option value="N">User</option>
<option value="S">Partner/Spouse</option>
<option value="F">Family member</option>
<option value="O">Other</option>
                                            <input type="hidden" id="isPageReloaded"  name="pageReload" value="N" /></select> 
                                </div>
                            </div>
                        </div>                                  
                    </div> <!-- END .inner-content -->  
                </section>

                    <script>
                        applyCreditCardCharge(document.PaymentDetailsForm,document.PaymentDetailsForm.cardType.value);
                    </script>
            </form>        
</div>
            <script src="scripts/helpers.js"></script>
            <script src="scripts/conditional-loader.js?v0.9"></script>
</body>
</html>

非常感谢任何帮助。

【问题讨论】：

标签： javascript internet-explorer jsp struts-1

【解决方案1】：

我只需要将 autoCompOff 方法移到未找到的方法下方。如果有人知道，我很想知道为什么会这样。

【讨论】：

【解决方案2】：

我有类似的问题。

错误； SCRIPT5009：“提交”在 Internet Explorer 中未定义

这里的“提交”是我提交按钮的 ID。

这行抛出了错误：

$(submit).click(function() {

我改成：

$('#submit').click(function() {

它现在可以在 IE 上运行。希望这可以帮助那里的人...

【讨论】：

【解决方案3】：

<script> 元素已受到保护，这意味着它是不符合 HTML 解析标准的部分。可以有一个变量，var a = "Hello"（双引号）并且 HTML 解析器不会中断。

很遗憾，注释块部分在script 元素中不起作用：

<!-- -->

如果你想注释掉一个函数，使用 C++ 风格的双正斜杠，像这样：

//autoCompOff('PaymentDetailsForm');

我希望这会有所帮助。

【讨论】：