我正在尝试在我的弹出式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);
};
有任何错误吗?
由于
答案 0 :(得分:-3)
代码
<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”以防止表单被提交
答案 1 :(得分:-3)
function form(){
var product = document.getElementById('product').value;
alert('your some statment there');
return false;
};
并确保您在主要警报声明
结束时也返回true