Javascript 如何在我的'；popup.html'；论铬的延伸_Javascript_Html_Google Chrome Extension

Javascript 如何在我的'；popup.html'；论铬的延伸

javascript html google-chrome-extension

Javascript 如何在我的'；popup.html'；论铬的延伸,javascript,html,google-chrome-extension,Javascript,Html,Google Chrome Extension,我正在尝试在我的弹出html上提交一个表单，在chrome扩展上。当我提交表单时，会调用一个函数。但是，没有调用该函数。我应该使用按钮而不是表单吗这是表单的HTML： <html> <body> <script src="contentScript.js"> </script> <form name="myForm" onSubmit="form()"> Product: <inp

我正在尝试在我的弹出html上提交一个表单，在chrome扩展上。当我提交表单时，会调用一个函数。但是，没有调用该函数。我应该使用按钮而不是表单吗

这是表单的HTML：

<html>

<body>

    <script src="contentScript.js">
    </script>

    <form name="myForm" onSubmit="form()">
        Product: <input type="text" name="product" id="product"><br>
        <input type="submit" value="Submit">
    </form>

</body>

</html>

有什么错误吗

谢谢

代码

<script>
  function myForm() {
    var product = document.getElementById('product').value;
    alert(product);
    return false;
  }
</script>
<form onsubmit="return myForm();">
  Product: <input type="text" name="product" id="product"><br>
  <input type="submit" value="Submit">
</form>


函数myForm（）{
var product=document.getElementById（'product'）。值；
警报（产品）；
返回false；
}
产品：

这样可以很好地工作，您缺少的是您的函数可能找不到，但是您没有阻止提交发生，您应该始终将false返回到事件“onsubmit”以防止表单被提交

注意：你不能再把内联脚本放在chrome扩展中了，但你可以回到那个时候

function form(){
    var product = document.getElementById('product').value;
    alert('your some statment there');
return false;
};

并确保在主警报状态结束时返回真值

谢谢Tomisol。如果我将其作为常规HTML运行，那么您输入的代码就可以工作。但是，当我将其作为Chrome扩展弹出式HTML运行时，代码仍然不起作用。您知道Chrome扩展弹出HTML的工作方式是否不同吗？您的控制台中是否有一些错误或需要调试的内容？尝试在html的另一个位置启动函数myForm（），比如按钮上的触发器，看看它是否可以找到函数myForm（）。如果没有，那么问题来自于没有加载的.js文件

function form(){
    var product = document.getElementById('product').value;
    alert('your some statment there');
return false;
};