zoukankan
html css js c++ java
JavaScript验证页面上动态生成的Radio
<
script type
=
"
text/javascript
"
>
//
Form提交前执行验证
document.forms[
0
].onsubmit
=
function
()
{
//
获得DIV(ID:div_form_content_show)中所有的<Input>对像
var
inputs
=
document.getElementById(
"
div_form_content_show
"
).getElementsByTagName(
"
input
"
);
//
获得DIV(ID:div_form_content_show)中所有的<Textarea>对像
var
textareas
=
document.getElementById(
"
div_form_content_show
"
).getElementsByTagName(
"
textarea
"
);
var
radioname;
var
arrRadio
=
new
Array();
for
(
var
i
=
0
;i
<
inputs.length;i
++
)
{
//
验证text
if
(inputs[i].type
==
"
text
"
)
{
if
(inputs[i].value
==
""
)
{
alert(
"
信息没有填写完整!
"
);
//
inputs[i].style.backgroundColor="red";
inputs[i].focus();
return
false
;
}
}
//
获得页面上所有的radio
else
if
(inputs[i].type
==
"
radio
"
)
{
//
这里将所有的radio根据name分组,便于之后按组判断是否选中(一组选中一个即可)
if
(radioname
!=
inputs[i].name)
{
arrRadio.push(inputs[i].name);
radioname
=
inputs[i].name
}
}
}
//
验证textarea
for
(
var
i
=
0
;i
<
textareas.length;i
++
)
{
if
(textareas[i].value
==
""
)
{
alert(
"
信息没有填写完整!
"
);
//
textareas[i].style.backgroundColor="red";
textareas[i].focus();
return
false
;
}
}
//
按name分组验证radio
for
(
var
i
=
0
;i
<
arrRadio.length;i
++
)
{
var
bRadio
=
false
;
for
(
var
j
=
0
;j
<
document.getElementsByName(arrRadio[i]).length;j
++
)
{
if
(document.getElementsByName(arrRadio[i]).item(j).checked
==
true
)
{
bRadio
=
true
;
continue
;
}
}
if
(
!
bRadio)
{
alert(
"
一些应该选择的项没有被选择!
"
);
return
false
;
}
}
return
true
;
}
<
/
script>
查看全文
相关阅读:
搭建CDH的yum本地源
搭建一个离线yum源
VMware主机 几次断电后,挂载的磁盘报错了,系统无法启动
vm workstation15 迁移至ESXi6.7步奏
ESXi6.7在 ASUS PRIME B360-PLUS 主板上安装报错
php常用函数
PHP函数
php语句
TSQL语句练习题
php的基础
原文地址:https://www.cnblogs.com/tangself/p/1613778.html
最新文章
设计模式之美学习-结构型-装饰者模式(二十一)
设计模式之美学习-结构型-桥接模式(二十)
设计模式之美学习-结构型-代理模式(十九)
设计模式之美学习-创建型-原型模式(十八)
设计模式之美学习-创建型-建造者模式(十七)
HDTV(1920x1080)码率和视频质量关系的研究 1 (前期准备)
ffdshow 源代码分析 9: 编解码器有关类的总结
ffdshow 源代码分析 8: 视频解码器类(TvideoCodecDec)
ffdshow 源代码分析 7: libavcodec视频解码器类(TvideoCodecLibavcodec)
ffdshow 源代码分析 6: 对解码器的dll的封装(libavcodec)
热门文章
基于RTMP的实时流媒体的QoE分析
ffplay的快捷键以及选项
MFC中使用SDL播放音频没有声音的解决方法
OpenCV 轮廓检测
OpenCV 使用光流法检测物体运动
mysql+haproxy+keepalived的高可用
hbase shell 杂记
CentOS 6 单网卡绑定双IP
hadoop 随笔2
hadoop 随笔1
Copyright © 2011-2022 走看看