Question

我正在尝试在我的弹出式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>

这是contentScript.js：

function form(){
    var product = document.getElementById('product').value;
    alert(product);
};

有任何错误吗？

由于

Answer 1

代码

<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>

会工作得很好，你缺少的是你的功能可能找不到，但是你没有阻止提交发生，你应该总是将false返回到事件“onsubmit”以防止表单被提交

Answer 2

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

并确保您在主要警报声明

结束时也返回true

如何在我的＆＃39; popup.html＆＃39;中提交表单？关于铬扩展

2 个答案: