Question

我使用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();
}

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

Answer 1

没有存储的原因是因为你的textarea没有名字属性，应该是这样的

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

Answer 2

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

在HTML表单提交时未捕获textarea内容

2 个答案: