通过引导模式 laravel 中的表单元素返回空值答案

【问题标题】：Returning null values by the form elements in bootstrap modal laravel通过引导模式 laravel 中的表单元素返回空值
【发布时间】：2016-02-12 03:15:46
【问题描述】：

我在 laravel 5 中有一个刀片模板视图，它在同一视图中包含引导模式内部和引导模式外部的表单元素。问题是我只能通过控制器中的 $request->input 从引导模式内部或引导模式外部的表单元素获取值。

{！！ Form::open(['url'=>'test','class'=>'form-horizontal','id'=>'test_form']) !!}

当我在引导模式中插入上面的表单外观代码时，它适用于内部元素，而模式部分之外的其他元素返回空值。当我在引导模式之外插入上述代码时也会发生同样的情况。我想获取所有元素的值。我无法弄清楚问题是什么。因此，如果有人帮助我，将不胜感激。提前致谢。这是示例html代码

<div class="ibox-content">
    {!! Form::open(['url'=>'test','class'=>'form-horizontal','id'=>'test_form']) !!}
      <!-- for modal -->
      <div class="modal inmodal" id="testmodal" tabindex="-1" role="dialog"  aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content animated fadeIn">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal">
                                <span aria-hidden="true">&times;</span>
                                <span class="sr-only">Close</span>
                            </button>
                            <h4 class="modal-title" id="myModalLabel">Test Modal </h4>
                        </div>
            <div class="modal-body">
                <div class="form-group">
                    {!! Form::label('insidemodal', 'Enter Balance', ['class' => 'col-sm-2 control-label']) !!}
                    <div class="col-sm-10">
                    {!! Form::text('inside_balance', null, ['id'=>'balance_remaining','class'=>'form-control']) !!}
                   </div>
                </div>
            </div>
            <div class="modal-footer">
                   {!! Form::button('Submit', ['class'=>'btn btn-white','id'=>'submit_button','data-dismiss'=>'modal'])!!}
            </div>
           </div>
       </div>
     </div>
      <div class="form-group">
                    {!! Form::label('outsidemodal', 'Enter Balance', ['class' => 'col-sm-2 control-label']) !!}
                    <div class="col-sm-10">
                    {!! Form::text('outside_balance', null, ['id'=>'balance_remaining','class'=>'form-control']) !!}
                    {!! Form::button('Trigger Modal', ['class'=>'btn btn-primary btn-lg ','id'=>'modal_button'])!!}
                   </div>
      </div>
    {!! Form::close() !!}
</div>

Jquery 代码如下所示：

//trigger modal 
$('#modal_button').click(function(){
    $('#testmodal').modal({
    show: true
  });

});

// to submit form
$('#submit_button').click(function(){
    $('#test_form').submit();
 });

【问题讨论】：

发布视图的 HTML 示例
我已经用视图的示例 html 编辑了我的问题。

标签： jquery laravel laravel-5 bootstrap-modal

【解决方案1】：

我的猜测是问题在于您在模态框内有一个“提交”按钮，它会关闭模态框。

这里的问题是：如果你显示模态，然后填写一些值并单击模态提交按钮，然后当模态关闭时，表单被提交。在没有明确阻止模态提交按钮在 Javascript 中提交的情况下，我相信它会提交。

我认为，如果您要在外部值中输入值，然后调用模态并输入值，那么您可能会在关闭模态时获得所有值。

解决方案是将模式按钮从提交按钮更改为普通的旧按钮。我相信它仍然会关闭模式，但您需要对此进行试验。

【讨论】：