Question

I’ve a group of inputs like <input type="text" name="clients[]" /> that are loaded via AJAX. Before the user submits the form, I need to check if at least one of them has been filled. I don’t know how to do this if is an array.

Thank you in advance!

Answer 1

Bind a function to the submit event for the form like this:

// assuming #foo is the form and each grouped element has classname bar
// also, this assumes that your form is not loaded by AJAX, but only the elements
// contained in it
$('#foo').submit(function() {
    var elements = $("input[name='clients[]']");
    var validated = false;
    elements.each(function() {
        if ($(this).val() != '') {
            validated = true;
            return false; // will break the each
        } else {
            validated = false;
        }
    });
    return validated;
});

Live example here.