在 Chrome 扩展弹出窗口中验证表单不起作用

Question

我正在制作的 Chrome 扩展程序有一个 popup.html，其形式如下：

<head>
  <script src="myscript.js"></script>
</head>
<form id="myform" action="http://www.example.com/myurl.jsp" method="get" target="_blank">
  #<input type="text" size="10" name="numid" value="" />
  <input type="Submit" value="Go" />
</form>

myscript.js 列在 manifest.json 的“background”和“content_scripts”部分：

"background": { "scripts": ["myscript.js"] }`
"js": ["jquery-1.8.2.min.js", "myscript.js"]

而 myscript.js 包含：

$(document).ready(function(){
  $('#myform').submit(function() {
  alert("alert!");
});

当我单击 Go 按钮或按表单的 enter 键时，如何让它显示 alert()？

Answer 1

如果您只打算在弹出窗口中使用它，则无需在background 和content_script 中指定popup.js。

警报未显示，因为您无法显示弹出窗口中的警报。而是尝试：

• document.getElementsByTagName('body')[0].innerHTML = "Works!"（这将用一条消息替换整个弹出窗口）
• 或使用console.log("Works!")（这会将文本输出到开发者工具控制台 - 请务必查看弹出式开发者工具而不是当前页面开发者工具）

---

编辑：您的myscript.js 似乎无效，您缺少});。另外，请注意，由于页面立即重新加载，您可能会错过提交回调中的代码执行结果。

$(document).ready(function(){
  $('#myform').submit(function() {
     alert("alert!");
  });
});