javascript 提交（）不工作

Question

这是index.php中的表单——我试图通过单击嵌套在“a”锚点内的图像来以编程方式提交它：

  <form name="landingForm" id="landingFormId" method="post" action="index.php">
      <input type="text" size="250" maxlength="250" 
                      id="artifactName">Enter an artifact name here...
      </input>
      <a href="javascript:document.landingForm.submit()">    
          <img src="http://localhost/myProj/bronzeAgeCaveDrawing.jpg" 
                      alt="Submit this form" name="imageFormSubmitter" />
      </a>
  </form>

这是我的php代码：

<?php
    if(isset( $_POST['imageFormSubmitter']))
    {
       // this fx just echos a javascript 'alert()'
       showAlertBox("The index page form 'landingForm' was just submitted.");
    }
    else
    {
       var_dump($_GET);
       var_dump($_POST);
    }
  ?>

当我在编辑框中键入内容时表单，然后单击图像“bronzeAgeCaveDrawing.jpg”，GET 和 POST 数组的转储显示：

  array
      Empty

  array
      Empty

就这一点而言，我什至不确定上面的 PHP 代码是否会被调用，

      <a href="javascript:document.landingForm.submit()">

因为上面的情况无论表单是否提交，php 代码都会执行——GET 和 POST 由于上面我添加的“else”子句，当加载index.php时会发生转储，因为“if”子句似乎没有发生。

如果上面的 php 代码实际上是通过 Submit() 调用执行的，则 GET 和 POST 仍然是空数组。

我在一些关于 SO 的帖子中研究了使用带有图像的锚点 'a' 以及调用 Submit() 的示例，但我没有看到 POST 或 GET 数组为空的任何原因。由于我的表单 method="post" 我 100% 期望使用 Submit() 来 POST 表单，而不是使用 GET 提交。

盯着这个有一段时间了——我错过了什么吗？

更新：这是功能代码——感谢您的帮助！

    <form name="landingForm" id="landingFormId" method="post" action="index.php">
      <input type="text" size="250" maxlength="250"  name="itemName_name"
                      id="artifactName">Enter an artifact name here...
      </input> 
      <a href="javascript: document.landingForm.submit()">    
          <img src="http://localhost/myProj/bronzeAgeCaveDrawing.jpg" 
                 alt="Submit this form" name="imageFormSubmitter" />
      </a>
    </form>


   if(isset( $_POST['itemName_name']))
   {
         showAlertBox("The index page form 'landingForm' was just submitted.");
         var_dump($_POST);
   }

POST 数组转储的输出 NOW 显示：

   array
       'itemName_name' => string 'fffffffffff' (length=11)

TAKEAWAYS：

1) the syntax "document.landingForm.submit()" is 100% fine.
2) the 'name' attribute of my <img> tag does NOT get posted (not sure why,
      but it's not the worst thing happening for me right now so I'll deal with it)
3) giving the text <input> field a 'name' attribute made its way fine to the POST array.
4) the call to submit() does in fact pay attention to the method="post" in my 
   form declaration.

我正在使用它，谢谢大家。对我来说，有不止一个同样可以接受的答案，所以我会+1你们大家 然后必须选择一个。再次感谢。

Answer 1

您没有在 标记上设置 name 属性，并且 标记不是正确的方法提交图像。

<form name="landingForm" id="landingFormId" method="post" action="index.php">
  <input type="text" size="250" maxlength="250" name="artifactName"
                  id="artifactName" />Enter an artifact name here...
  <input type="image" src="http://localhost/myProj/bronzeAgeCaveDrawing.jpg" 
                  alt="Submit this form" name="imageFormSubmitter" />
</form>

来源：HTML Dog 标签参考

另请注意 标签没有/不能有子级。