如何將HTML文本表單發送給JavaScript？

我在我的頁面上有一個html表單，我想發送給一個javascript函數。如何將值發送到該函數/將其激活以使函數運行？如何將HTML文本表單發送給JavaScript？

<form method="post" action="WHAT GOES HERE?"> 
<input type = "textarea" name = "link" placeholder="Submit a Link" style="color:black;max-width:133px;"></input> 
<input type = "hidden" name = "ref" value="yes"></input> 
<a href="javascript:void(0)" onclick="submit();">Submit</a>

來源

2012-10-04 Rusty Schmidt

你不會在任何地方「送」的形式。 Javascript可以隨時閱讀表單值。您通常會將onsubmit事件附加到提交按鈕的表單或onclick事件，然後在發生這種情況時使用Javascript讀取表單值。

例如，您可以通過先給它一個ID讀你的「參考」輸入的值...

<input id="ref" name="ref" ...

然後用javascript像這樣讀它，

document.getElementById('ref').value

這是直到你做什麼，你用這個價值。

此外，您的HTML是有點關閉。輸入應該是自動關閉（<input/>），並創建一個你應該使用的textarea <textarea></textarea>。

編輯：如果你只是想要一個1行的文本框，它應該是<input type="text" ...而不是textarea。它的工作原因是因爲input的默認值爲text。

來源

2012-10-04 04:30:28 mpen

丁丁丁！真棒！謝謝！ –

可以使用的形式onsubmit事件

<form method="post" action="" onsubmit="validateForm()"> 
<input type = "textarea" name = "link" placeholder="Submit a Link" style="color:black;max-width:133px;"></input> 
<input type = "hidden" name = "ref" value="yes"></input> 
<a href="javascript:void(0)" onclick="submit();">Submit</a>

來源

2012-10-04 04:26:27 MikeB

is validateForm an builtin function？ –

另外，你如何檢索鏈接和ref的值？ –

你必須在這種情況下設置你自己的javascript函數「validateForm」。然後您可以選擇輸入並根據需要進行驗證 – MikeB

<html> 
<head> 


<script type="text/javascript"> 
function getValue(){ 
var textValue=document.getElementById("textId").value; 
alert(textValue); 
} 
</script> 


</head> 
<body> 
<form method="post" > 
<input type = "textarea" id="textId" name = "link" placeholder="Submit a Link"  style="color:black;max-width:133px;"></input> 
<input type = "hidden" name = "ref" value="yes"></input> 
<a href="#" onclick="getValue();">Submit</a> 
</form> 
</body> 

</html>

1.爲textarea創建id。 ID = 「TEXTID」

2.Fetch使用在JavaScript中創建的ID使用該方法 的document.getElementById（「TEXTID」）textarea的值值。

來源

2012-10-04 04:58:54 Kumaran

在'onXXX'屬性中不需要'javascript：';這隻在'href'中需要。 – Barmar

好的謝謝你的信息。 – Kumaran

如何將HTML文本表單發送給JavaScript？

回答

相關問題