JavaScript检查表单是否为空的函数_表单特效-js教程-PHP中文网

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

php中文网

发布： 2016-05-16 19:08:01

原创

1315人浏览过

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"><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需刷新才能执行]