Sitemde bir wizard form var bu formda önce kategori seçtiriyorum ama kategori seçmedende ilerleyebiliyor bunun için ileri butonuna bastığımda jQuery ile kontrol edip boşsa ceçmesini söylemek istiyorum bunu nasıl yapmalıyım.
Buton class nextBtn diye geçiyor js kodlarıda şöyle.
Kod:
$(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('cli ck');
});
$('div.setup-panel div a.btn-success').trigger('click');
});
jQuery select input kontrolü ve uyarı
Javascript Programlama0 Mesaj
●94 Görüntüleme
- ReadBull.net
- Programlama ve Yazılım
- Client-Side Programlama
- Javascript Programlama
- jQuery select input kontrolü ve uyarı