多個窗體的交互

我試圖通過另一種形式定義的按鈕提交窗體時出現問題。多個窗體的交互

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>Test submit</title> 
</head> 
<body> 
    <form id="dummyForm" name="dummyForm"> 
    <button onclick="sendTheForm();">Submit other form</button> 
    </form> 
    <form id="formID" name="formName" action="viewpost.php" method="POST"> 
    <input type="hidden" value="something" id="inputA1" name="inputA1" /> 
    <input type="hidden" value="something" id="inputA2" name="inputA2" /> 
    </form> 
    <script type="text/javascript"> 
    function sendTheForm() { 
    document.forms['formName'].submit(); 
    } 
    </script> 
</body> 
</html>

實現重定向按預期的方式更改以下行的唯一方法：我不明白的是，表單提交這樣工作

onclick="sendTheForm();return false;"

。誰能解釋一下？

提前致謝！

來源

2015-01-26 nhereveri

您點擊提交按鈕
的JavaScript事件處理程序觸發
另一種形式開始提交
提交按鈕執行其默認動作
第一種形式提交，並取消了其他形式的提交過程

來源

2015-01-26 18:57:32 Quentin

特定的按鈕不是提交類型，所以我不明白爲什麼虛擬表單首先提交觸發器。 **按鈕的默認動作是什麼？**答案：[按鈕參考]（http://w3c.github.io/html-reference/button.html） – nhereveri 2015-01-27 01:32:41

@nhereveri - 它**是**提交類型。您指向的鏈接說：*沒有指定type屬性的button元素表示與type屬性設置爲「submit」的button元素相同的東西* – Quentin 2015-01-27 10:32:06

是的。幾分鐘後，我檢查了第二步。 – nhereveri 2015-01-27 20:49:25

我從this post得到正確答案感謝Quentin t IPS。 爲什麼首先提交觸發器？導致默認類型的按鈕它是一個提交類型，但不同的瀏覽器使用不同的默認類型。檢查Button Reference。

下一行按預期工作，無返回false詭計！

<button type="button" onclick="sendTheForm();">Submit other form</button>

來源

2015-01-27 01:48:33 nhereveri

多個窗體的交互

回答

相關問題