首页 / 脚本样式 / JavaScript / JavaScript检查表单是否为空的函数

var textboxs = new Array（）; // text类型的input集合 
  var radioList = new Object（）; // radio类型的input集合，因为Radio比较特殊，要一组一组检测，所以这里用一个Hashtable，根据radio的name作为Key来保存所有的Radio集合 
  var radioes; // 每一个name对应的Radio集合 
  var inputs = myform.getElementsByTagName（"INPUT"）; // 取form下的所有input 

<script> function fn（myform） { var ipt; var textboxs = new Array（）; // text类型的input集合 var radioList = new Object（）; // radio类型的input集合，因为Radio比较特殊，要一组一组检测，所以这里用一个Hashtable，根据radio的name作为Key来保存所有的Radio集合 var radioes; // 每一个name对应的Radio集合 var inputs = myform.getElementsByTagName（"INPUT"）; // 取form下的所有input// 遍历所有INPUT // for （var i=0; i<inputs.length; i++） { ipt = inputs[i ]; if （ipt.type == "text"） { textboxs[textboxs.length] = ipt; } // 本来只要检测radiobox的，后来要增加checkbox， //因为处理方式一样，只要这里修改一下就可以了，但是命名没有同步修改:） // else if （ipt.type == "radio" || ipt.type == "checkbox"）{ radioes = radioList[ipt.name]; if （！radioes） { radioes = new Array（）; } radioes[radioes.length] = ipt; radioList[ipt.name] = radioes; } } // 非空检测 // for （var i=0; i<textboxs.length; i++） { var txt = textboxs[i ]; if （txt && txt.value == ""） { alert（"please fill:" + txt.name）; txt.focus（）; return false; } } // 遍历所有Radiobox组 // for （var radioboxName in radioList） { radioes = radioList[radioboxName]; var chk = false; // 是否有选中的 var radio;// 检测该组Radio是否都选中了 // for （var j=0; j<radioes.length; j++） { var radio = radioes[j]; if （radio.checked） { chk = true; break; } } if （！chk） // 没有选中的 { alert（"please select: " + radioboxName）; return false; } } return true; } </script> <form method="post" action="" onsubmit="return fn（this）;"> <input type="text" name="a1" /> <input type="text" name="a2" /> <input type="radio" name="b2" /> <input type="radio" name="b2" /> <input type="radio" name="b2" /> <input type="text" name="a3" /> <input type="radio" name="b1" /> <input type="radio" name="b1" /> <input type="checkbox" name="c1" /> <input type="checkbox" name="c1" /> <input type="submit" /> </form> <form method="post" action="" onsubmit="return fn（this）;"> <input type="text" name="a1" /> <input type="text" name="a2" /> <input type="radio" name="b2" /> <input type="radio" name="b2" /> <input type="radio" name="b2" /> <input type="text" name="a3" /> <input type="radio" name="b1" /> <input type="radio" name="b1" /> <input type="checkbox" name="c1" /> <input type="checkbox" name="c1" /> <input type="submit" /> </form>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]