如何在Chrome瀏覽器的'popup.html'中提交表單

我試圖在Chrome瀏覽器擴展程序上的彈出式html上提交表單。當我提交表單時，會調用一個函數。但是，該函數未被調用。我應該使用按鈕而不是表單嗎？如何在Chrome瀏覽器的'popup.html'中提交表單

這是該表單的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); 
};

是否有任何錯誤？

感謝

來源

2016-03-02 Arthur

-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」提交給「onsmit」以防止表單被提交。

來源

2016-03-02 21:33:45 Suicideboy

感謝Tomisol結束返回true。如果我將它作爲常規HTML運行，則您放置的代碼有效。但是，當我將它作爲Chrome擴展程序彈出HTML運行時，代碼仍然無法使用。你知道Chrome擴展程序是否以不同的方式彈出HTML的工作？ – Arthur

你的控制檯有什麼錯誤或者需要調試嗎？試着在你的html的另一個地方啓動函數myForm（），就像按鈕上的觸發器一樣，看它是否能找到函數myForm（）。如果沒有，那麼問題來自你的.js文件，它不加載 – Suicideboy

-3

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

，並確保您也爲主要警報statment

來源

2016-03-02 22:02:05

如何在Chrome瀏覽器的'popup.html'中提交表單

回答

相關問題