Question

我在laravel 5中有一个刀片模板视图，它包含一个bootstrap模式内的表单元素，并且位于同一视图中的bootstrap模式之外。问题是我只从源于引导模态的表单元素中获取值，或者通过控制器中的$ request-＆gt;输入来获取引导模式之外的值。

{!! 形式::打开（[＆＃39; URL＆＃39; =＆GT;＆＃39;测试＆＃39;＆＃39;类＆＃39; =＆GT;＆＃39;形水平＆＃39;＆＃ 39; ID＆＃39; = GT;＆＃39; test_form＆＃39;]） !!}

当我在bootstrap模式中插入上面的窗体外观代码时，它适用于内部元素和模态部分之外的其他元素返回null值。当我在bootstrap模态之外插入上面的代码时也会发生同样的情况。我希望得到所有元素的值。我无法弄清问题是什么。如果有人帮助我，我将不胜感激。提前致谢。这是示例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();
 });

Answer 1

我的猜测是问题是你在模态中有一个“提交”按钮，它会解散模态。

问题在于：如果你显示模态，那么填写一些值＆amp;单击模态提交按钮，然后在模式关闭时，提交表单。如果没有明确阻止模式提交按钮在Javascript中提交，我相信它会提交。

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

解决方案是将模态按钮从提交按钮更改为普通旧按钮。我相信它仍会关闭模态，但你需要尝试一下。

通过bootstrap模式laravel中的表单元素返回null值

1 个答案: