我尝试将删除按钮标签替换为锚标签，但没有成功

Posted 2023-02-24

【中文标题】我尝试将删除按钮标签替换为锚标签，但没有成功

【英文标题】：I try to replace the delete button tag to anchor tag but it's was not worked

【发布时间】：2020-01-09 20:22:51

【问题描述】：

删除操作表单无效我想，但我尝试解决此错误但不成功

我的删除按钮标签代码在前端和后端都处于工作状态。但是当我在替换按钮上使用锚标记时，它不起作用。

我把两个代码都放在了工作状态，第一个是删除按钮代码，第二个是我的锚标记代码。

<td>
     <form method="post" class="delete_form" action="action('PostController@destroy', $row['id'])">
      csrf_field()
      <input type="hidden" name="_method" value="DELETE" />
      <button type="submit" class="btn btn-danger"><i class="fa fa-trash"></i></button>
     </form>
 </td>

这是我的锚代码不起作用

  <td>
 <form method="post" class="delete_form" action="action('PostController@destroy', $row['id'])">
  csrf_field()
  <input type="hidden" name="_method" value="DELETE" />
  <a href=""><i class="fa fa-trash"></i></a>
 </form>
</td>

浏览器地址栏上的错误信息：- mywebsite/posts/id=1 无法执行删除操作。 我想在我的所有项目中使用这个字体真棒图标，但在这个字段中锚标记不起作用

<i class="fa fa-trash">

【问题讨论】：

为什么要更改运行良好的代码？

锚标签通常重定向到 url 不提交。分享你的确切意图？

【参考方案1】：

我认为您缺少一些标签，所以如果您想使用anchor 提交表单，请使用此

<td>
 <form method="post" id="my_form" class="delete_form" action="action('PostController@destroy', $row['id'])">
  csrf_field()
  <input type="hidden" name="_method" value="DELETE" /> 
   <a href="javascript:" onclick="document.getElementById('my_form').submit();"><i class="fa fa-trash"></i></a>
 </form>
</td>