Question

I have a bunch of controls:

When a user clicks the Generate button, a function uses all of the values from the other controls to generate a string which is then put in the Tag text box.

All of the other controls can have a value of null or empty string. The requirement is that if ANY of the controls have no user entered value then the Generate button is disabled. Once ALL the controls have a valid value, then the Generate button is enabled.

What is the best way to perform this using Javascript/jQuery?

Answer 1

This can be further optimized, but should get you started:

var pass = true;

$('select, input').each(function(){
    if ( ! ( $(this).val() || $(this).find(':selected').val() ) ) {
        $(this).focus();
        pass = false;
        return false;
    }
});

if (pass) {
    // run your generate function
}

http://jsfiddle.net/ZUg4Z/

Note: Don’t use this: if ( ! ( $(this).val() || $(this).find(':selected').val() ) ).
It’s just for illustration purposes.