Javascript validation on multiple input controls

Question

i have arrays of input controls and want to check on submit that they should not be empty

Answer 1

Here's an example function:

function valid( array ) {
   if( typeof array != 'object' || array.length < 1 ) return false; // some basic error checking
   var errors = [];
   var alen = array.length;
   for( var a = 0; a < alen; a++ ) {
       if( array[ a ].value.length < 1 ) errors.push( array[ a ] );
   }
   if( errors.length >= 1 ) return errors;
   return true;
}

Usage:

function submitForm() {
   var inputs = document.getElementsByTagName( 'input' );

   var errors = valid( inputs );
   if( errors ) {
        var elen = errors.length;
        for( var e = 0; e < elen; e++ ) {
           errors[ e ].className = "error";
        }
        event.preventDefault();
        return false;
   }
}

var form = document.getElementById( 'myForm' ).onsubmit = submitForm;

If you were using a framework, this would be even easier.

Answer 2

Can you share the HTML markup that your working with?