JavaScript中setMinutes函数 js图片幻灯片

JavaScript检查表单非空

<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><br /><br />
<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>
TAG: javascript 表单非空
kimi post in JavaScript教程 at 2007-11-12 18:46:51.
永久地址:http://ijavascript.cn/jiaocheng/javascript-form-310.html
在百度中搜索《JavaScript检查表单非空》。

发表评论

发表评论

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

网友评论仅供网友表达个人看法,并不表明本网同意其观点或证实其描述。