提交不能发送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>

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

有什么问题？

Answer 1

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

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

这会解决你的问题。

Answer 2

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

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

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