javascript - HTML 表单提交问题

Question

HTML 新手，我有使用其他语言编程的经验，只是遇到了 html 问题。
我环顾四周，试图找到一种在 html 中进行“双重发布”的方法，以发布所需的所有实例。

我现在需要多种表单的原因是因为外部代码接收销售信息，并通过授权页面移动，但我只能触发其中之一。

    <form method="post" action="sales_info_driver_page.cgi">

    Outer code here
    </form>
    <form method="POST" action="http://www.example.com/su.php"><p>
    <input type="text"  name="Email" size="20"><br>
    <input type="radio" name="Action" value="join-list" checked>Subscribe </p>
    <input type="hidden" name="ThanksURL" value="2222">
    </form>

    Outer code here

    <input type="submit" name="Submit" value="   Submit   " >

内部表单是否可以通过 JavaScript 函数或其他方式提交？我读到嵌套表单不太合理，那么还有其他方法可以正确提交此部分吗？

如果可能的话，需要在 12 年 5 月 12 日之前!提前致谢!

Answer 1

将多个表单嵌套在其他表单中是不好的做法，因为它是无效的 HTML...

如果您想从表单外部的链接提交表单，只需为表单提供一个 ID，例如: <form method="POST" action="http://www.example.com/su.php" id="form1"> 并将提交按钮添加回 <form> 的参数中。

然后，无论您想在何处提交表单，都可以使用 JavaScript 处理程序:

例如: <a href="#" onclick="document.getElementById('form1').submit();">Submit Form1</a>

当然，最好的做法是使用函数而不是绑定(bind)内联事件处理程序，但这只是一个示例，旨在演示 onclick 的使用以及表单提交。

如果你使用 jQuery，你可以这样做:onclick="$('#form1').submit();" ，这要简单得多。

我认为可以采用上述方法来提交所有表单；您可以使用 jQuery/Javascript 查找并收集单击按钮时要提交的所有值，然后使用 Ajax 调用将所有值发送到一个目的地。