首页 > 解决方案 > 从 boostrap 4 modal 提交表单数据的问题

问题描述

我无法从 laravel 的模式中获取要提交的数据。当我使用下面的代码并点击“添加用户”按钮时,模式只是关闭并且似乎没有在我的控制器中调用 @store 方法。数据没有提交到数据库

<div class="modal fade" id="addNew" tabindex="-1" role="dialog">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title">New User</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        {!! Form::open(['method' =>'POST', 'action'=> 'UsersController@store', 'files'=>true, 'enctype'=>'multipart/form-data']) !!}
        <div class="form-group {{$errors->has('firstName') ? 'has-error' : ''}}">
          {!! Form::label('firstName', 'First Name:') !!}
          {!! Form::text('firstName', null, ['class'=>'form-control', 'rows' => 3])!!}
          @if($errors->has('firstName'))
            {{$errors->first('firstName')}}
          @endif
        </div>
{{--most form data removed for simplicity--}}
        <div class="form-group">
          {!! Form::submit('Add user', ['class'=>'btn btn-primary']) !!}
        </div>
        {!! Form::close() !!}
      </div>      
    </div>
  </div>
</div>

标签: laravelformsbootstrap-modallaravelcollective

解决方案


csrf token is missing in your form, which will not allow to submit data in controller. Add " @csrf " in form and try again.


推荐阅读