панель вкладок не активируется?

Question

Я хочу сделать панель вкладок недоступной для клика, это форма, тогда я хочу только go эту панель, если первая форма заполнена, но я не могу сделать ее неактивной, даже с помощью unbind() кто-нибудь мне помочь?

<ul class="nav nav-tabs">
                    <li class="active">
                        <a href="#datospersonales" data-toggle="tab">
                            Datos Personales
                        </a>
                    </li>
                    <li>
                        <a data-toggle="tab" href="#datosgenerales" id="ficha-dg">
                            Datos Generales
                        </a>
                    </li>
                </ul>

                <div class="tab-content" style="min-height: 300px;">

                    <!-- TAB DATOS PERSONALES -->

                    <div id="datospersonales" class="tab-pane fade in active">
                        <div class="row pt-15">
                            <div class="col-xs-12 col-md-2">
                                <label for="newrut" class="control-label">Rut:</label>
                                <input type="text" id="newrut" name="newrut" class="form-control"
                                    data-inputmask="'mask':'99.999.999-*'" datamask required
                                    placeholder="__.___.___-_">
                            </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

            <!-- FINAL TAB DATOS PERSONALES -->

            <!-- TAB DATOS GENERALES -->

            <div id="datosgenerales" class="tab pane fade">

            </div>
        </div>
    </div>

Jquery код, который я пытался

$('#ficha-dg').unbind('click');

Answer 1

Вы можете отключить другие вкладки до завершения первой.

Например:

Написать класс для отключения вкладок:

.disabled-tab {
  cursor: disabled;
}

Тогда мы хотим написать jQuery, чтобы удалить класс, когда первая вкладка будет готова:

var fields = document.getElementById('newrut');

if (!newrut) {
 if ('.nav-tabs li').hasClass('disabled') {
   $(this).removeClass('disabled');
 }
}

Не проверял, но что-то в этом роде должно работать.