Everyday NetLog

快捷导航
专栏分类
Dec 20

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

可能是最近天天睡觉太晚了吧,发现脑子坏了。
一个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查找的。

一个很有用的图片说明图....
点击在新窗口中浏览此图片

作者:@Everyday NetLog
地址:https://log.zhoz.com/read.php?132
版权所有。转载时必须以链接形式注明作者和原始出处及本声明!

Tags: , ,
发表评论

昵称

网址

电邮

打开HTML 打开UBB 打开表情 隐藏 记住我 [登入] [注册]