Cuando se usa una tabla de datos y cuando se coloca un formulario en una de las filas, no se puede presionar el botón Enviar, lo que significa que no sucede nada al presionar el botón Enviar. Revisé los archivos de la tabla de datos y descubrí que el archivo vendor.js contiene este código:
let table1 = document.querySelector('#table1'); let dataTable = new simpleDatatables.DataTable(table1);cuando elimine este código, el botón Enviar funciona bien, pero la tabla de datos se bloquea. ¿Alguien ha enfrentado este problema antes o ha encontrado una solución para este problema? mi código:
<table class='table table-striped' id="table1" style="text-align:center; font-size:0.8em;"> <thead > <tr> <th style="text-align:center;">#</th> <th style="text-align:center;">Product name</th> <th style="text-align:center;">Price</th> <th style="text-align:center;">Edit</th> <th style="text-align:center;">Remove</th> </tr> </thead> <tbody> <tr> <td class="col-sm-5 col-md-5">1</td> <td class="col-sm-1 col-md-1" style="text-align: center"> Apple </td> <td class="col-sm-1 col-md-1 text-center">3$</td> <td class="col-sm-1 col-md-1 text-center"><form action="Product" method="post"><input class="form-control" step="1" min="1" max="1000" value="<?= $quantity_ordrs; ?>" type="number" name="qty" > <input type="hidden" name="order-id" value="1" > <button type="submit" class="btn btn-outline-primary" name=" update-item"><i class="fa fa-edit"></i>edit</button> </form></td> <td class="col-sm-2 col-md-2 " > <form action="Order?kkk" method="post"><input class="form-control" step="1" min="1" max="1000" value="" type="number" name="qty" ><input type="hidden" name="order-id" value="1" > <button type="submit" class="btn btn-outline-primary" name="remove-item" ><i class="fa fa-trash"></i>remove</button> </form> </td> </tr></tbody></table>Algo impide el evento onsubmit predeterminado. Puede encontrar el oyente de eventos responsable de bloquear su envío, o puede crear un oyente nuevo:
<button type="button" class="btn btn-outline-primary" name="update-item"><i class="fa fa-edit"></i>edit</button> $('[name="update-item"]').on('click', function() { $('#myForm').submit(); });