Validar formulário com tabs
Salve galera,
Tenho um formulário e estou trabalhando com TABS (Jquery UI)...
Utilizo plugin do Jquery Validation mas preciso validar alguns campos de dentro das abas.
Alguém já trabalhou desta forma? Poderia me dar alguma dica?
Segue abaixo o HTML das abas:
<div class="panel-heading">
<div class="panel-options">
<div id="tabs">
<ul class="nav nav-tabs">
<li class="active"><a href="#tab-value" class="next-tab" data-toggle="tab">Valores</a></li>
<li><a href="#tab-stock" class="next-tab" data-toggle="tab">Estoque</a></li>
</ul>
</div>
</div>
<div class="panel-body">
<div class="tab-content">
<div class="tab-pane active" id="tab-value">
<div class="form-group">
<div class="col-md-4">
<label class="control-label">R$ Custo</label>
<input class="form-control" name="cost_price">
</div>
<div class="col-md-4">
<label class="control-label">R$ Venda</label>
<input class="form-control" name="selling_price">
</div>
</div>
</div>
<div class="tab-pane" id="tab-stock">
<div class="form-group">
<div class="col-md-4">
<label class="control-label">Qtd. Estoque Atual</label>
<input class="form-control" name="current_stock" class="required">
</div>
<div class="col-md-4">
<label class="control-label">Qtd. Mínima</label>
<input class="form-control" name="minimum_stock">
</div>
<div class="col-md-4">
<label class="control-label">Qtd. Perda</label>
<input class="form-control" name="loss" value="<?php echo ($action == 'edit') ? $productEdit->loss : NULL; ?>">
</div>
</div>
</div>
</div>
</div>
</div>Discussão (3)
Carregando comentários...