javascript代码提交前校验当前表单

Published by admin on 09月 2, 2008

在web开发中，特别是查询界面时经常会判断是否输入、选择了条件.如果条件很多，那写js代码也很烦的..通过js代码优化处理下。可以很方便判断用户是否输入、选择了条件：

代码如下：

function searchinterbar(){
   //表单校验
   var strflag=”0″;      
   fm=document.forms[0] //只检测一个form,如果是多个可以改变判断条件
   for(i=0;i<fm.length;i++)
   { 
    //检测判断条件，根据类型不同可以修改
    if(fm[i].tagName.toUpperCase()==”INPUT” && fm[i].type.toUpperCase()==”TEXT” && fm[i].value==”"){
     //判断input 是否输入

    }else{
     if (fm[i].tagName.toUpperCase()==”SELECT” && fm[i].value==”"){
      //alert(fm[i].title); 判断select 是否选择
     }else{
      if (fm[i].type.toUpperCase()!=”BUTTON” && fm[i].type.toUpperCase()!=”CHECKBOX”){
       strflag=”1″;
      } 
     }
    }
   }

   if (strflag==”0″){
    alert(”请输入、选择查询条件！”);
    return false;
   }else{
    document.all.searchform.submit();
   }
  }