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; 

如果您使用的是框架，這會更容易。