php - Laravel 8 - 提交按钮不适用于多个表单
问题描述
我正在尝试使用创建注册表(备忘录)的提交按钮,它是与该备忘录相关联的产品,但是,我无法让它工作。
我想这可能是因为我在另一个表单中有一个表单。但是我相信,由于我的提交按钮在内部表单之外,应该仍然可以工作(它以前工作过)。
我将把我的 create.blade.php 代码放在下面:
<form method="post" action="{{ route('memos.store') }}">
<div class="form-group">
@csrf
<label for="lbl_memo_attendant" id="lbl_memo_attendant"><strong>Solicitante:</strong></label>
<input type="text" class="form-control" name="memo_petitioner" value="{{ Auth::user()->name }}" readonly="readonly"/>
</div>
<div class="form-group">
<label for="lbl_attendant_department"><strong>Departamento solicitante:</strong></label>
<input type="text" class="form-control" name="memo_petitioner_department" value="{{ Auth::user()->department }}" readonly="readonly"/>
</div>
<div class="form-group">
<label for="lbl_product_type" name="lbl_memo_product_type"><strong>Tipo de solicitud:</strong></label></br>
<select name="memo_product_type">
<option value="Bienes" selected>Bienes</option>
<option value="Servicio">Servicio</option>
</select>
</div>
<div class="form-group">
<label for="lbl_program" name="lbl_memo_program"><strong>Programa:</strong></label></br>
<select name="memo_program">
<option value="Hospital Williams" selected>Hospital Williams</option>
<option value="Gasto Operacional DSSM">Gasto Operacional DSSM</option>
<option value="Cadi Umag">Cadi Umag</option>
</select>
</div>
<div class="container">
<h2 align="center">Ingresar productos:</h2>
<form name="add_name" id="add_name" action="{{ route('products.store') }}">
<div class="form-group">
<div class="alert alert-danger print-error-msg" style="display:none">
<ul></ul>
</div>
<div class="alert alert-success print-success-msg" style="display:none">
<ul></ul>
</div>
<div class="table-responsive">
<table class="table table-bordered" id="dynamic_field">
<tr>
<td class="col-6"><input type="text" name="product_name" placeholder="Producto" class="form-control name_list" /></td>
<td><label>Unidad:</label>
<select>
<option value="Unidad" selected>Unidad</option>
<option value="Cajas">Cajas</option>
<option value="Global">Global</option>
</select>
</td>
<td><input placeholder="Cantidad" type="number" name="product_qty"></input></td>
<td><button type="button" name="add" id="add" class="btn btn-success">Agregar otro producto</button></td>
</tr>
</table>
</div>
</form>
</div>
</div>
<div class='div-btn-create'>
<button type="submit" class="btn btn-success" id="btn_create_memo">Crear memorando</button>
</div>
</form>
解决方案
HTML 不支持嵌套表单,因此浏览器会将它们合二为一。这就是为什么您的按钮在表单之外的原因。删除嵌套表单,一切都会正常。
推荐阅读
- javascript - React-Navigation 3:使用 createBottomTabNavigator 和 createStackNavigator 打开模式
- ruby - 自动完成不适用于 RubyMine 中的数组方法
- javascript - 使用 socket.io 将数据从第一个 angular 6 应用程序发送到第二个 angular 6 应用程序
- java - 我需要在我的 pojo (java) 类中分配一个变量名“包”,以便它可以通过对象映射器类绑定,但它显示错误
- svg - 移动和更改对象的颜色
- woocommerce - 一类的 Woocommerce 折扣
- php - 密码中的单双引号不起作用
- javascript - 在 Javascript 中读取 PDF 时丢失数据
- woocommerce - Woocomerce:在模板文件中获取自定义字段 (ACF)
- php - 数据表 AJAX - 传递数组