Question

我正在使用Laravel 4和Twitter Bootstrap 3制作一个简单的应用程序，但在处理我的表单时我遇到了一些奇怪的问题。我使用的是早期的CSS / HTML模板系统，提交按钮工作正常，但现在它完全没有响应。我的表单使用了相同的Laravel Blade代码，所以我无法弄清楚表单拒绝提交的原因。

<div class="row">
    <div class="col-lg-6 col-lg-offset-3">
        <h1>Event Selection</h1>
        {{ Form::open(array('action' => 'TicketController@postIndex')) }}                               
            <div class="form-group">
                <select id="eventSelect" class="form-control">
                    @foreach ($events as $event)
                        <option value='{{$event->eventID}}'>{{ $event->eventName }}</option>
                    @endforeach
                </select>
            </div>
            <button type="button" id="buttonsub" class="btn btn-primary btn-lg btn-block">Continue</button>
        {{ Form::close() }}
    </div>
</div>

此处发布完整代码：https://gist.github.com/verkaufer/6ac3aaf3475cc67c3b96

这是一个Laravel 4问题，还是因为Twitter Bootstrap 3处于RC阶段而陷入奇怪的事情？

Answer 1

您的按钮类型为：按钮，无提交。尝试将类型从button更改为submit。

您需要更改：

<button type="button" id="buttonsub" class="btn btn-primary btn-lg btn-block">Continue</button>

对此：

<button type="submit" id="buttonsub" class="btn btn-primary btn-lg btn-block">Continue</button>

请记住，使用正确的type属性非常重要。有时可能出于语义原因，有时可能出于功能原因。

Twitter Bootstrap 3 RC1破解提交按钮？

1 个答案: