多个输入控件的Javascript验证

Question

我有输入控件数组，想要检查提交它们不应该是空的

                                                        

Answer 1

这是一个示例函数：

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;
}

用法：

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;

如果你使用的是框架，那就更容易了。