提交无法发送textarea的数据

时间:2015-04-18 05:38:41

标签: javascript html html5 forms textarea

最近我研究了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>

我编写了一个表,想要发送隐藏类型数据和textarea数据。 我认为它有效,但实际上服务器可以接收隐藏类型的数据。

有什么问题?

2 个答案:

答案 0 :(得分:0)

你的textarea需要一个名字。

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

那会解决你的问题。

答案 1 :(得分:0)

function wReply(){ ... }换成body标记,而不是head!然后 提交按钮正确发送数据 正如我自己尝试过的那样;

  1. This JSFiddle无效,因为脚本位于表单的Head中。
  2. enter image description here

    1. 这是Wroking Demo,其中脚本function wReply(){ ... }位于表单的body内!
    2. enter image description here