Jquery fuelux选项卡和向导表单验证

Jquery fuelux选项卡和向导表单验证,jquery,validation,wizard,fuelux,Jquery,Validation,Wizard,Fuelux,我在FUELUX上制作了一些自定义向导,它可以显示在这个链接中 问题是,我不知道如何修复向导中每个步骤上的表单验证,这些步骤由选项卡分隔。因为验证在第二、第三等选项卡中不起作用 有什么想法吗 jquery代码: var $nextText; $(document).on('click','[data-wizard]',function(e){ var $this=$(this),href; var $target=$($this.attr('data-target')||(hre

我在FUELUX上制作了一些自定义向导,它可以显示在这个链接中

问题是,我不知道如何修复向导中每个步骤上的表单验证,这些步骤由选项卡分隔。因为验证在第二、第三等选项卡中不起作用

有什么想法吗

jquery代码:

var $nextText;
$(document).on('click','[data-wizard]',function(e){
    var $this=$(this),href;
    var $target=$($this.attr('data-target')||(href=$this.attr('href'))&&href.replace(/.*(?=#[^\s]+$)/,''));
    var option=$this.data('wizard');
    var item=$target.wizard('selectedItem');
    var $step=$target.next().find('.step-pane:eq('+(item.step-1)+')');
    !$nextText&&($nextText=$('[data-wizard="next"]').html());
    var cek = 0, $data=[],$e=[],$v=[], $lokasi = $this.attr('lokasi'); //means path to save file

    if(option == "next"){
        $step.find(':input[data-required=true]').each(function(){
            $(this).jinForm('validate');
            if($(this).jinForm('isValid') != true){
                cek = 0;
            }else{
                cek = 1;
                $e.push($(this).attr('id'));
                $v.push($(this).val());

                $data.push($(this).serialize());
            }
        });
        alert($data);
    }

    if(cek == 0){
        return false;
    }else{
        $.post($lokasi,{e:$e,v:$v},function(hasil){ jin.alert(hasil);
            if(hasil==0){
                jin.alert("Saving Data, <b class='text-danger'>Error..!!!</b>");
                return false
            }else{
                $target.wizard(option);
                var activeStep=(option=="next")?(item.step+1):(item.step-1);
                var prev=($(this).hasClass('btn-prev')&&$(this))||$(this).prev();
                var next=($(this).hasClass('btn-next')&&$(this))||$(this).next();
                prev.attr('disabled',(activeStep==1)?true:false);
                next.html((activeStep<$target.find('li').length)?$nextText:next.data('last'));
            }
        }).error(function(){ jin.alert("Save Target Path is <b class='text-danger'>Not Exist</b>..!"); });
    }
});
var$nextText;
$(文档)。在('单击','数据向导')上,函数(e){
var$this=$(this),href;
var$target=$($this.attr('data-target')||(href=$this.attr('href'))和&href.replace(/.*(=#[^\s]+$)/,'');
var option=$this.data('wizard');
var item=$target.wizard('selectedItem');
var$step=$target.next().find('.step窗格:eq(+(item.step-1)+');
!$nextText&($nextText=$('[data wizard=“next”]')。html();
var cek=0,$data=[],$e=[],$v=[],$lokasi=$this.attr('lokasi');//表示保存文件的路径
如果(选项==“下一步”){
$step.find(':input[data required=true]')。每个(函数(){
$(this.jinForm('validate');
if($(this.jinForm('isValid')!=true){
cek=0;
}否则{
cek=1;
$e.push($(this.attr('id'));
$v.push($(this.val());
$data.push($(this.serialize());
}
});
警报(数据);
}
如果(cek==0){
返回false;
}否则{
$.post($lokasi,{e:$e,v:$v}),函数(hasil){jin.alert(hasil);
如果(hasil==0){
jin.alert(“保存数据,错误..!!!”;
返回错误
}否则{
$target.wizard(可选);
var activeStep=(选项==“下一步”)?(item.step+1):(item.step-1);
var prev=($(this.hasClass('btn-prev')&&$(this))| |$(this.prev();
var next=($(this).hasClass('btn-next')&&$(this))| |$(this.next();
上一个属性('disabled',(activeStep==1)?true:false;

next.html((activeStep讨论了一个类似的场景。它应该提供一些细节。如果没有,请为您的用例提供更多细节。

讨论了一个类似的场景。它应该提供一些细节。如果没有,请为您的用例提供更多细节。

此链接返回到同一页?!此链接返回到同一页?!