提交无法发送textarea的数据

Question

最近在学习html和javascript。我知道以 html 形式向服务器发送数据在和 .

之间

然而，在我的情况下它没有。

这是我的代码

function wReply() {
             if(document.getElementById("repInputContent").value == "")  {
                alert("type anything for reply");
                document.getElementById("repInputContent").focus();
                return;
             }
             document.reply.submit();
        }

这是 javascript 与输入类型按钮一起使用的功能。

这是html表单代码

<tr id="replyInput">
                    <td colspan="3">
                    <form action="/wReply" accept-charset="utf-8" name="reply" method="post">
                        <input type="hidden" name="num" value="<%=num%>">
                        <input type="hidden" name="writer" value="<%=writer%>">
                        <input type="hidden" name="page" value="<%=page%>">
                        <textarea rows="4" cols="40" id="repInputContent"></textarea>
                    </form>
                    </td>
                    <td><input type="button" value="submit" onclick="wReply()"></td>
            </tr>

我编写了一个 table 并且想要发送隐藏类型数据和文本区域数据。我认为它有效，但实际上服务器可以接收隐藏类型数据。

有什么问题？

Answer 1

您的文本区域需要一个名称。

<textarea rows="4" cols="40" id="repInputContent" name="repInputContent"></textarea>

这会解决你的问题。

Answer 2

将您的 function wReply(){ ... } 包装在 body 标签内而不是 head 内！然后提交按钮正确发送数据。
正如我自己尝试过的那样；

This JSFiddle 不起作用，因为脚本在表单的 Head 中。

这是 Wroking Demo，其中脚本 function wReply(){ ... } 在表单的 body 内！

提交无法发送textarea的数据

submit can't send data of textarea

html

javascript

forms

textarea