javascript - 在action.php 的表单之外定位按钮？

Question

我目前有 2 个表单，它们将数据添加到我的数据库中。它们都可以工作，但它们都有自己的提交按钮 - 我只想要一个提交按钮来收集所有表单中的数据。

我发现了一些应该设置交易的 JavaScript；

$("#submitbutton").click(function(){
$("#form1").submit();
$("#form2").submit();
});

我定位的按钮位于两种表单之外，如下所示:

<input id="submitbutton" type="button" value="add">

我很确定它不起作用的原因是我的 php 的编写方式。我的目标是每个表单中的提交按钮来执行 php.ini 文件。您可以在下面看到表单和 php。

其中一个表单允许您上传图片；

<form id="form1" action="addimage.php" method="post" enctype="multipart/form-data">
            <input type="file" name="image" />
            <br/><br/>
            <input type="submit" name="sumit" value="Upload" />
        </form>

操作文件包含此 php；

<?php
        if(isset($_POST['sumit']))
    {
      if(getimagesize($_FILES['image']['tmp_name'])== FALSE)
      {
        echo "Please select an image.";
      }
      else
      {
        $image= addslashes($_FILES['image']['tmp_name']);
        $name= addslashes($_FILES['image']['name']);
        $image= file_get_contents($image);
        $image= base64_encode($image);
        saveimage($name,$image);
      }
    }
        displayimage();
        function saveimage($name,$image)
        { 
      $con=mysql_connect("localhost","root","");
      mysql_select_db("ssdb",$con);
      $qry="insert into pictures (name,image) values ('$name','$image')";
      $result=mysql_query($qry,$con);
      if($result)
      {
                //echo "<br/>Image uploaded.";
            }
            else
            {
                //echo "<br/>Image not uploaded.";
            }
    }
            function displayimage()
            {
      $con=mysql_connect("localhost","root","");
      mysql_select_db("ssdb",$con);
      $qry="select * from pictures";
      $result=mysql_query($qry,$con);
      while($row = mysql_fetch_array($result))
      {
        echo '<img height="300" width="300" src="data:image;base64,'.$row[2].' "> ';
      }
      mysql_close($con); 
    }
  ?>

另一种形式允许您在从我的数据库收集的多个类别之间进行选择；

<form id="form2" action="checkbox.php" method="post">
          <label for="Category">Category</label>
          <br />
            <!-- iterate through the WHILE LOOP  -->
            <?php while($row = mysqli_fetch_array($result_category)): ?>
              <!-- Echo out values {id} and {name}   -->
              <input type="checkbox" name="category[]" value=" <?php echo $row['id']; ?> "><?php echo $row['name'] . '<br />'; ?>
            <?php endwhile; ?>
           <input type="submit" name="Submit" value="Submit" class="btn btn-default"/>
         </form>

并具有以下 php；

<?php
include("config.php");
$checkbox = $_POST['category'];
if($_POST["Submit"]=="Submit")
{
  for ($i=0; $i<sizeof($checkbox);$i++) {
    $query = "INSERT INTO placecategory (category_id) VALUES ('".$checkbox[$i]."')";
    mysql_query($query) or die(mysql_error());
  }
  echo "Category is inserted";
}
?>

我尝试将我制作的新按钮作为目标，该按钮应该执行 JavaScript，但它似乎不起作用，因为该按钮不符合表单要求。

有没有办法将按钮定位到表单之外，以便在单击该按钮时执行 php？或者我该如何重写它？

感谢任何帮助!

Answer 1

不确定我完全理解你想要做什么，但尝试使用 HTML5 添加 form="form1" 和 form="form2" 为你的第二个让我知道这是否有效。

<form id="form1" action="addimage.php" method="post" enctype="multipart/form-data">
        <input type="file" name="image" />
        <br/><br/>
        <input type="submit" name="sumit" value="Upload" />
</form>
<input type="submit" name="sumit" value="Upload" form="form1" />