时间戳

首页 > 解决方案 > 发送帖子详细信息也发送我的提交/帖子

javascript - 发送帖子详细信息也发送我的提交/帖子

问题描述

如果不提交我的提交，我将如何发送帖子？当我尝试使用此代码发布时，提交或 POST 与我的帖子详细信息相结合。请帮忙，谢谢

<form id="myForm" action="sample.com" method="POST">
    <tbody>
        <table>
            <tr>
                <td>Amount:</td>
                <td><input type="text" class="form-control" name="amount" value="100.00"></td>
            </tr>
            <tr>
                <td>Currency:</td>
                <td><input type="text" class="form-control" name="currency" value="PHP"></td>
            </tr>
            <tr>
                <td>Customer email:</td>
                <td><input type="text" class="form-control" id="customer_email" name="customer_email" value="test123@gmail.com"></td>
            </tr>
            <tr>
                <td>Customer name:</td>
                <td><input type="text" class="form-control" id="customer_name" name="customer_name" value="Pedro Pen duko"></td>
            </tr>
            <tr>
                <td>Service ID:</td>
                <td><input type="text" class="form-control" name="service_id" value="HDSQ00011"></td>
            </tr>
            <tr>
                <td>Customer ID:</td>
                <td><input type="text" class="form-control" name="customer_id" value="cust_121"></td>
            </tr>
            <tr>
                <td>Order Number:</td>
                <td><input type="text" class="form-control" id="order_no" name="order_no" value="12312"></td>
            </tr>
            <tr>
                <td>Product Description:</td>
                <td><input type="text" class="form-control" name="product_description" value="321"></td>
            </tr>
            <tr>
                <td>Remarks:</td>
                <td><input type="text" class="form-control" name="remarks" value="12321"></td>
            </tr>
            <tr>
                <td>Transaction timestamp:</td>
                <td><input type="text" class="form-control" name="transaction_time" value="2018-10-08 14:08:00"></td>
            </tr>
            <tr>
                <td><button name="submit" class="btn btn-primary">POST</button></td>
            </tr>
        </table>
    </tbody>
</form>

标签： javascriptphphtml

解决方案

在您的代码中，您的按钮设置似乎不正确，只需更改以下行：

<button name="submit" class="btn btn-primary">POST</button>

像这样

<button type="submit" class="btn btn-primary">POST</button>

更改name="submit"为type="submit"。

这应该修复您的代码以发送发布请求，另一个修复可能是使用 JQuery，但是，这只是避免问题而不是正确修复它，这是您可以在 Jquery 中执行此操作的方法：

$("name='submit'").on("click", function(e){
    e.preventDefault();
    $("#myForm").submit();
});

上面的代码会在用户点击按钮时添加一个监听器，这意味着你可以留下你的 HTML 代码，只要你加载了jquery就可以将它添加到你的 JavaScript 中。

推荐阅读