html表单提交时未捕获textarea内容[重复]答案

【问题标题】：textarea content is not captured on html form submission [duplicate]html表单提交时未捕获textarea内容[重复]
【发布时间】：2018-02-27 15:40:51
【问题描述】：

我正在使用textarea 标记来捕获HTML 表单中的多行输入，但它从未与来自其他input 字段的数据一起捕获！这是为什么呢？

<form id="contact_form" method="POST">
<!-- form-item -->
    <div class="form-item form-item--half">
        <label class="form__label">email<span>*</span>
        </label>
        <input class="form-control" type="email" name="input" required placeholder=""/>
    </div><!-- End / form-item -->


    <!-- form-item -->
    <div class="form-item form-item--half">
        <label class="form__label">name<span>*</span>
        </label>
        <input class="form-control" type="text" name="input" required placeholder=""/>
    </div><!-- End / form-item -->


    <!-- form-item -->
    <div class="form-item">
        <label class="form__label">message<span>*</span>
        </label>
        <textarea class="form-control" required placeholder=""></textarea>
    </div><!-- End / form-item -->


    <!-- form-item -->
    <div class="form-item">
        <input class="md-btn btn-custom" type="submit" id="send_message_btn" value="Send message" >
        </input>
        <span id="success_message" style="margin-left: 25px; color: #4BB543; display: none;">&#x2713; Thanks for the email, we will be in touch promptly.</span>

    </div><!-- End / form-item -->      
</form>

我通过javascript 函数捕获内容：

var message = "";
$("#send_message_btn").on("click", function() {
    message = $("#contact_form").serialize();
}

但是，消息字段永远不会在序列化消息中捕获。有什么帮助吗？

【问题讨论】：

标签： javascript html forms textarea

【解决方案1】：

没有被存储的原因是因为你的textarea没有name属性应该是这样的

<textarea class="form-control" required placeholder="" name="message"></textarea>

【讨论】：

【解决方案2】：

我没有看到为文本区域设置任何名称属性，还要确保您的名称属性对于不同的字段具有不同的值。

【讨论】：