javascript - 当函数在外部 javascript 文件中时，onclick 事件不起作用

Question

来这里之前，我尝试了 stackoverflow 中列出的几个链接，但没有一个能帮助我解决这个问题，或者可能是我做错了什么。

我的 aspx 中有一个输入按钮，并且有 serverclick 事件以及 onclick，客户端和服务器方法都被正确调用，我只在 ' onclick'函数在外部文件中(在同一目录中)。

我什至在aspx中引用了js文件。

注意:

all other controls are working in external js except this.

inline function works fine, but not when moved in external function.

I even tried window.onload() but it triggers the function during pageload which is not what I need.

aspx

 <script type="text/javascript" src="external.js"></script>

输入按钮。

<input class="data" type="submit" name="cmdSubmit" value="Run Report" onclick="return FormValidate();" 
 onserverclick="RunReport" runat="server" id="Submit1" />

外部.js

$(document).ready(function () {
 function FormValidate() {
    alert("Validated");
  });

Answer 1

请删除 $(document).ready(function () { 出现在您的 function FormValidate() 周围，使其成为全局函数。现在将它放在 ready 处理程序，您正在将其设为局部作用域函数。因此您的 external.js 应该是:

function FormValidate() {
    alert("Validated");
  }