Jquery fuelux选项卡和向导表单验证
我在FUELUX上制作了一些自定义向导,它可以显示在这个链接中 问题是,我不知道如何修复向导中每个步骤上的表单验证,这些步骤由选项卡分隔。因为验证在第二、第三等选项卡中不起作用 有什么想法吗 jquery代码: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
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讨论了一个类似的场景。它应该提供一些细节。如果没有,请为您的用例提供更多细节。讨论了一个类似的场景。它应该提供一些细节。如果没有,请为您的用例提供更多细节。此链接返回到同一页?!此链接返回到同一页?!