Question

我有一个主要的JS从主页上的表单发布代码，然后用户获得更新详细信息的辅助表单，并在第二个表单上点击更新。

一切顺利，直到第二次选择提交（在我的网站上称为“更新”按钮）。

以下是更新页面：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<form>
    <input type="number" oninput="setZeroNumberDecimal(this)" name="grosslandSF" class="calc SF">
    <input type="number" oninput="setThreeNumberDecimal(this)" name="grosslandacre" disabled="disabled" id="acre">
</form>

///简化表格数据

<div class="welcomersvp"><h2>Welcome <?php echo $PrimGuestSalutation; ?>!</h2></div><br>

        <form name="updatersvpform" id="updatersvpform">

这是JS处理程序：

<div class="rsvp-button text-center"><button type="submit" class="hvr-sweep-to-right">Update</button>

当我点击更新时，它只是重新加载包含实际地址栏中所有变量的主页面。没有参考php页面（它似乎没有收到任何东西）。

Answer 1

如果没有问题中显示的其余代码，我将假设第二个表单作为DOM对象加载，并且其提交的javascript已经预先加载。

如果是这种情况，请更改

$("#updatersvpform").submit(function (event)

到

$('body').on('submit', '#updatersvpform', function(event)

不同之处在于，后者是一个委托，用于监视父对象（正文标记）范围内目标（#updatersvpform）的DOM内容更改。

辅助JS表格提交电话

1 个答案: