Question

我有两种形式，我想同时使用两种形式。我知道可以使用ajax。

Form1中

<form action="upload.php" method="post">
<label for="url">Enter URL:</label>
<input type="text" name="url" size="35" /><br/>
<label for="filemam">File Name:</label><br/>
<input type="text" name="filenam" size="35" />

<br/> <input type="submit" name="sut" value="Submit" />


</form>

窗体2

    <form method="post" action="forum2_add_:user-prvar-7890:.xhtml:admin-hash-amp:"> <div id="bb"><br/> <img src="http://scodec.xtgem.com/400px-Warning_icon.svg_.png" width="20" height="20"/> <b><font color="#696969">Avoid All Capital Letter on your thread title, special character like (') is not allowed.**</font></b><br/> <b>Thread Title:</b> <input type="text" name="tema_nazov" value="" maxlength="200"/></div> <div id="bb"><br/><b><font color="#696969"> <img src="http://scodec.xtgem.com/400px-Warning_icon.svg_.png" width="20" height="20"/> Article content should be easy to read, easy to understand,presentation clear in order to attract readers.</font></b><br/><b>Content:</b> <br/> <textarea name="text" rows="5"></textarea> 





<input type="hidden" name="d_token" value="" /><input type="submit" name="submit" value="Submit" onclick="conti()" style="margin:2px"/></div></form>

</div></div>

注意：

我想将form1作为Javscript
我想运行form2提交按钮作为onclick。

任何

Answer 1

试试这个：

的

的
function conti(){ $("form").first().submit(); }

的

Answer 2

给表单2一个id并为这个表单创建一个js submit事件处理程序，它将序列化表单数据并将其发送到表单操作，该函数将在表单2提交按钮上调用，我们正在做的是阻止默认提交操作，并通过AJAX提交表单：

将ID添加到表单2：

<form method="post" id="formTwo" ....

为表单2创建一个submit函数事件处理程序，调用AJAX函数而不需要在表单2中提交按钮上的onclick事件：

$("#formTwo").submit(function (e) {
      e.preventDefault(); //

     form = $(this);
     $.ajax( {
      type: "POST",
      url: form.attr( 'action' ),
      data: form.serialize(),
      success: function( response ) {
        console.log( response );
      }
      } );
});

表单1将通过其自己的提交按钮提交其默认行为。

两个表单一个提交按钮

2 个答案: