HTML表单提交问题

时间:2012-12-05 01:54:53

标签: javascript html forms onclick submit

全新的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!提前谢谢!

2 个答案:

答案 0 :(得分:0)

将多个表单嵌套在其他表单中是不好的做法,因为它是无效的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>

当然,最好使用函数而不是绑定内联事件处理程序,但这只是一个示例,用于演示onclick和表单提交的使用。

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

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

答案 1 :(得分:0)

而不是使用表单,你可以使用div来划分它

<form method="POST" action="http://www.example.com/su.php">
<div>

Outer code here
</div>
<div><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">
</div>

Outer code here

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