Wizard post kontrolü

Sitemde bir wizard form var bu formda önce kategori seçtiriyorum ama kategori seçmeden'de ilerleyebiliyor bunun için ileri butonuna bastığımda jQuery ile kontrol edip boşsa seçmesi için border kırmızı vermek istiyorum ve seçmeden ilerleyemesin.

sistem inputlara required koyduğumda ilerletmiyor ama select seçmesi gerektiğinde boş geçmesine izin veriyor.

Buton class nextBtn diye geçiyor js kodlarıda şöyle.

            $(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');
            });

Merhaba yapmak istediğiniz şey bir <select> var ve bu doldurulmadan ilerlemesin doğrumudur. Ve required işe yaramıyor diyorsunuz sanırım

Evet input koyduğumda geçmesine izin vermiyor ama select olduğunda geçişe izin veriyor .

required="required" bu şekilde denediniz mi

Sorunu Çözdüm işine yarayan olur diye çözüm aşağıda. sonuna input seçmiş bende select ekledim sorun kalktı.
curInputs = curStep.find("input[type='text'],input[type='url'],select"),

http://jsfiddle.net/tPRNd/ buda jquery ile farklı bir çözüm

tek başına required yeterli olur select etiketinde de. Ama ilk option un value değerini boş bırakmanız lazım ve değerine de seçiniz gibi bir şey yazmanız lazım