Question

I have a form which contains couple fields. Its very easy to validate this form. But when I’m using append or clone comand and add couple more fields in it dynamically I cannot validate the appended fields.
Here is the my code:

function addone(container, new_div) {  
    var to_copy = document.getElementById(new_div);  
    $(to_copy).clone(true).insertAfter(to_copy);  
}

And because it doesn’t matter which fields and I want all of them get field out I used class instead of id.

$(document).ready(function(){  
    $('#add_size').live('click', function(){  
        if($('.inp').val() == "") {  
            alert('Need to fill-out all fields')  
        }  
        else {  
            alert('Thanks')  
        }  
    })  
})

Any idea? Thanks in advance.

Answer 1

$(document).ready(function(){  
    $('#add_size').live('click', function(){  
        if( ! checkvalid() ) {  
            alert('Need to fill-out all fields')  
        }  
        else {  
            alert('Thanks')  
        }  
    })  
})

function checkvalid(){
    var valid = true;
   $('.inp').each(function(){
       if (this.value == '') {
           valid = false;
           return;
       }
   })
   return valid;
}