Skip to main content
adicionou 253 caracteres ao conteúdo
Fonte Link
user24136
user24136

O select seria esse:

<select name="Estado" class="form-control" required="required">
   <option value="">Selecione</option>
   <option value="RJ">Rio de Janeiro</option>
   <option value="SP">São Paulo</option>
</select>

O código completo encontra-se no link que passei acima, pois estou copiando fielmente conforme desenvolvido pelo autor.

O código completo encontra-se no link que passei acima, pois estou copiando fielmente conforme desenvolvido pelo autor.

O select seria esse:

<select name="Estado" class="form-control" required="required">
   <option value="">Selecione</option>
   <option value="RJ">Rio de Janeiro</option>
   <option value="SP">São Paulo</option>
</select>

O código completo encontra-se no link que passei acima, pois estou copiando fielmente conforme desenvolvido pelo autor.

título editado
Link
user24136
user24136

Validar campos comboboxde um select pelo jquery

Fonte Link
user24136
user24136

Validar campos combobox pelo jquery

Tenho um formulário usando o step wizard conforme o link abaixo:

https://bootsnipp.com/snippets/j6rkb

Ele funciona corretamente, porém vi que a validação de campos só funciona para campos input. Como eu poderia fazer para validar também campos combobox? Vejam abaixo o jquery dele:

<script>
$(document).ready(function () {

    var navListItems = $('div.setup-panel div a'),
        allWells = $('.setup-content'),
        allNextBtn = $('.nextBtn');

    allWells.hide();

    navListItems.click(function (e) {
        e.preventDefault();
        var $target = $($(this).attr('href')),
            $item = $(this);

        if (!$item.hasClass('disabled')) {
            navListItems.removeClass('btn-success').addClass('btn-default');
            $item.addClass('btn-success');
            allWells.hide();
            $target.show();
            $target.find('input:eq(0)').focus();
        }
    });

    allNextBtn.click(function () {
        var curStep = $(this).closest(".setup-content"),
            curStepBtn = curStep.attr("id"),
            nextStepWizard = $('div.setup-panel div a[href="#' + curStepBtn + '"]').parent().next().children("a"),
            curInputs = curStep.find("input[type='text'],input[type='url']"),
            isValid = true;

        $(".form-group").removeClass("has-error");
        for (var i = 0; i < curInputs.length; i++) {
            if (!curInputs[i].validity.valid) {
                isValid = false;
                $(curInputs[i]).closest(".form-group").addClass("has-error");
            }
        }

        if (isValid) nextStepWizard.removeAttr('disabled').trigger('click');
    });

    $('div.setup-panel div a.btn-success').trigger('click');
});
</script>

O código completo encontra-se no link que passei acima, pois estou copiando fielmente conforme desenvolvido pelo autor.