页面导航：首页 → 网络编程 → JavaScript → 表单特效 → 正文内容

JavaScript检查表单是否为空的函数

发布：dxy 字体：[增加减小] 类型：转载

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

// 非空检测 
  // 
  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" />

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：JavaScript检查表单是否为空的函数