In each step disable (block) next button until all field are filled correctly.

[meysam-n]

Hello,
In the first place i would like to thanks the author(s) of this form.

I would like to have a form in which In each step disable (block) next button until all field are filled correctly.

Actually, i have 4 steps. i give every of them a new

and use the following code which is not seems to be correct and not working properly.

$('.next').click(function(){
$(' # stp1 input').each(function() {
if(!$(this).val()){
$("#invalid").show();
$('.next').off('click');
return false;
}
});
})

Could you plase help me in this regard.
Thanks in advance

[tharyckgusmao]

Thus need not disable Broken parts

$('.next').click(function(){
    var formIn = form.idealforms('get:invalid');
    if(formIn.length>0){
        form.idealforms('focusFirstInvalid');
    }else{
        $('.next').show();
        form.idealforms('nextStep');
    }

});

[tharyckgusmao]

And to disable the steps of the navbar :

$('.idealsteps-container li a').click(function(event) {
        event.preventDefault();
            var formIn = form.idealforms('get:invalid');

        if(formIn.length>0){

        form.idealforms('focusFirstInvalid');
            return false;


        }
 });