多控件验证的一个解决办法

通常在注册表单或大型表单中对于各种控件需要做有效性判断，自己写了个通用的验证方法
具体如下

引入prototype.js框架

<script language="javascript">
//给text,password,radio,checkbox注册onclick事件
   Event.observe(document.body, 'click', function(event) {
   var elt = Event.element(event);
    if('text'==elt.type || 'password'==elt.type){
      $(elt).style.backgroundColor="";     //清空提示颜色
     }
  
    if('radio'==elt.type){
     var rds=document.getElementsByClassName('design'); //通过class进行组选择
      rds[0].style.backgroundColor="";
      rds[1].style.backgroundColor="";
      。。。。
     
    }
    if('checkbox'==elt.type){
      var chks=document.getElementsByClassName('chk');
      for(i=0;i<chks.length;i++){
      chks[i].style.backgroundColor="";
      }

    }
});

//为select注册onchange事件
    Event.observe(document.body, 'change', function(event) { //下拉列表清空
     var elt = Event.element(event);
     if("SELECT"==elt.tagName.toUpperCase()){
      $(elt).style.backgroundColor="";
     }
   
});


function sysAlert(){ //表单提交前的有效性验证
  
      var color="red";
  var numReq=["n1","n2","n3","nn"]; //需要验证是否为数字类型
 
  var inputReq=["t1","t2","t3","tn"];//文本框ids
  var selReq=["s1","s2","s3","sn"];//下拉框ids
 
 
//输入验证   
 
   for(i=0;i<inputReq.length;i++){  
if($F(inputReq[i])==""){
     alert("内容不允许为空");
     Field.focus(inputReq[i]);
     $(inputReq[i]).style.backgroundColor=color;
             return;
   }
  
}

//下拉框验证
  for(i=0;i<selReq.length;i++){
    if($(selReq[i]).options[0].selected){
     alert("至少选择一项");
     $(selReq[i]).style.backgroundColor=color;
             return;
    }

}

//单选验证
for(i=0;i<radioReq.length;i++){
  var radios =$("supForm").getInputs('radio',radioReq[i]); 
  if(!(radios[0].checked||radios[1].checked)){
       alert("至少选择一项");
       radios[0].style.backgroundColor=color;    
       Field.focus(radioReq[i]);
    
     return;
   }
  }


//复选验证
for(i=0;i<mulselReq.length;i++){
var chks = $("supForm").getInputs('checkbox',mulselReq[i]);
var flag=true;
  for(j=0;j<chks.length;j++){
  if(chks[j].checked){
  flag=false;
  break;
  }
}
  if(flag){
   chks[0].style.backgroundColor=color;
   alert("至少选择一项"); 
   return;
}

}


//数字
for(i=0;i<numReq.length;i++){
if($F(numReq[i])==""||isNaN($F(numReq[i]))){
alert("输入非数字");
Field.focus(numReq[i]);
   return;
}
}

  if (confirm("是否继续?")){
  $("supFormID").submit();
}
}