Javascript 两张表格一个提交按钮

Javascript 两张表格一个提交按钮,javascript,html,ajax,forms,Javascript,Html,Ajax,Forms,我有两个表单,我想同时使用这两个表单。我知道使用ajax是可能的 表格1 <form action="upload.php" method="post"> <label for="url">Enter URL:</label> <input type="text" name="url" size="35" /><br/>

我有两个表单,我想同时使用这两个表单。我知道使用ajax是可能的

表格1

<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>

输入URL:

文件名:

表格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作为Javascript运行

  • 我想以onclick的形式运行form2提交按钮

    有人吗

  • 试试这个:


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

    将id添加到表格2中:

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

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

    如果您有一个名为“提交”的表单控件,则无法调用表单的提交方法(因为Form.submit现在引用的是该控件,而不是该方法)。您的markkup还存在其他问题。关于普通JS XMLHttpRequest的基础知识,我们已经做了很好的介绍。这真的不难,而且有很多小的库可以提供帮助。提供解释性的解决方案。
    <form method="post" id="formTwo" ....
    
    $("#formTwo").submit(function (e) {
          e.preventDefault(); //
    
         form = $(this);
         $.ajax( {
          type: "POST",
          url: form.attr( 'action' ),
          data: form.serialize(),
          success: function( response ) {
            console.log( response );
          }
          } );
    });