Laravel 动态表单提交没有响应

Question

我有一个控制器（Laravel），它将动态创建一个如下所示的表单

<div class="row" style="margin-bottom:30px;margin-top:20px;">
  <div class="col-2">   
  <form class="addform" id="newcheckform" role="form">
        '.csrf_field().'  
    <label class="" for="cust_code">Cust Code</label>
    <input type="text" class="form-control" id="cust_code" value="'.$row->cust_no.'">
  </div>
  <div class="col-2">
    <label class="" for="cust_short">Cust Shortname</label>
    <input type="text" class="form-control" id="cust_short">
  </div>
  <div class="col-4">
    <label class="" for="cust_name">Cust Name</label> 
    <input type="text" class="form-control" id="cust_name" value="'.$row->cust.'">
  </div>
  <div class="col-2">
        <label class="" for="region">Region</label>
    <input type="text" class="form-control" id="region">
  </div>  
  <div class="col-2">
        <label class="" for="region">Add Cust Data</label>
    <button class="btn btn-sm btn-info"  id="createnewcust" type="submit">Create</button>
    </form>
  </div>  
</div>

if 将由 blade 文件中的以下脚本加载

$("#custcheck").load("{{ url('/sales/admin/custcheck') }}");

按应有的方式显示的表单。但是我在提交按钮时。没啥事儿。代码如下。感谢任何人都可以提供帮助。此脚本位于同一个 blade 文件中。

$(function() {
    $(document).on('submit', '#newcheckform', function(e){
        alert("Hi"); 
    });
});

Answer 1

您 <form> 的结束标记有误，更改如下：

<div class="row" style="margin-bottom:30px;margin-top:20px;">
  <form class="addform" id="newcheckform" role="form">
    {{csrf_field()}}  
  <div class="col-2">   
    <label class="" for="cust_code">Cust Code</label>
    <input type="text" class="form-control" id="cust_code" value="{{$row->cust_no}}">
  </div>
  <div class="col-2">
    <label class="" for="cust_short">Cust Shortname</label>
    <input type="text" class="form-control" id="cust_short">
  </div>
  <div class="col-4">
    <label class="" for="cust_name">Cust Name</label> 
    <input type="text" class="form-control" id="cust_name" value="{{$row->cust}}">
  </div>
  <div class="col-2">
    <label class="" for="region">Region</label>
    <input type="text" class="form-control" id="region">
  </div>  
  <div class="col-2">
    <label class="" for="region">Add Cust Data</label>
    <button class="btn btn-sm btn-info"  id="createnewcust" type="submit">Create</button>
  </div>  
  </form>
</div>

这会起作用。

Laravel 动态表单提交没有响应

Laravel Dynamic Form Submit not responding

forms

ajax

dynamic

submit

laravel