现在的位置: 首页 > 综合 > 正文

默认是空,JS验证radio和checkbox[数组]不能为空

2018年04月15日 ⁄ 综合 ⁄ 共 1228字 ⁄ 字号 评论关闭

可能是最近天天睡觉太晚了吧,发现脑子坏了。
一个getElementsByName方法,害我测试了很长的时候。
特别注意一下。表单中一定要加上ID=“name”,这个然后是getByName并不是对应的name=""。
附上代码:

aaaaa
bbbb

var check_flg = 0
for (i=0; i < document.all.operation_type.length; i++) {
  if(document.all.operation_type[i].checked==true) {
    check_flg = 1;
    break
  }
}
if (check_flg == 0) {
  alert("请选择一个吧。");
  return false;
}

上面的方法,在firefox中竟然报错!改成下面的方法:

var check_flg = 0
  for (i=0; i < document.getElementsByName("operation_type").length; i++) {
    if(document.getElementsByName("operation_type")[i].checked==true) {
      check_flg = 1;
      break
    }
  }
if (check_flg == 0) {
  alert("请选择一个吧。");
  return false;
}

zhoz
aaaa
bbbb
cccc
dddd

var selected_flg = 0;
for (i=0; i < document.getElementsByName("genre_type").length; i++) {
  if (document.getElementsByName("genre_type")[i].checked==true) {
    selected_flg = 1;
    break;
  }
}
if (selected_flg == 0) {
  alert("请选择一个吧。");
  return false;
}

第二个方法,在FF中也是有错的。
原因是name="genre_type[]" ,而在JS中用的是document.getElementsByName("genre_type")
这个返回值,只可能是0,因为是找不到这个name的。修正:
for (i=0; i < document.getElementsByName("genre_type[]").length; i++) {
    if (document.getElementsByName("genre_type[]")[i].checked==true) {
      selected_flg = 1;
      break;
    }
  }

总结:
在IE中,getElementsByName是按id查找的
在FF中,getElementsByName是按name查找的。

 原文地址 http://log.zhoz.com/read.php?132

抱歉!评论已关闭.