使用表单内的表单进行jquery验证

Question

我有2个选项卡，这些选项卡在这些选项卡中有输入形式（选项卡在1个表单内）。在第一个标签中输入是必需的，第二个标签不是。让我说我没有填充第一个输入，我在第二个选项卡上。当我提交表单时，第一个选项卡上的验证不起作用。它将提交表格

这是我的HTML：

    <ul class="nav nav-tabs">
        <li class="active"><a href="#price" data-toggle="tab">Price</a></li>
        <li><a href="#category" data-toggle="tab">Category</a></li>
    </ul>

    <div class="tab-content m-t">
        <div id="price" class="tab-pane fade in active">
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('price','Price',array('class' => 'control-label')) !!}<span><strong> * :</strong></span>
                    <div class="input-group">
                        <span class="input-group-addon">Rp</span>
                        {!! Form::text('price', null, array('class' => 'form-control currency_inputx rupiah', 'required' => 'required') + $extraAttributes) !!}
                    </div>
                </div>
            </div>
        </div>
        <div id="category" class="tab-pane fade">
            <div class="col-sm-4">
                <div class="form-group">
                    {!! Form::label('category','Category',array('class' => 'control-label')) !!}<span><strong> * :</strong></span>
                    <div class="input-group">
                        <span class="input-group-addon">Rp</span>
                        {!! Form::text('category', null, array('class' => 'form-control currency_inputx rupiah') + $extraAttributes) !!}
                    </div>
                </div>
            </div>
        </div>
    </div>

请帮助我谢谢！