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>
查看全文
相关阅读:
Hadoop基础(五十四):基于centos搭建Hadoop3.x完全分布式运行模式
FLINK基础(111): DS算子与窗口(22)窗口 (8) 自定义窗口(3)清理器(EVICTORS)
FLINK基础(110): DS算子与窗口(21)窗口 (6) 自定义窗口(2)触发器(Triggers)
FLINK基础(109): DS算子与窗口(20)窗口 (5) 自定义窗口(1) 窗口分配器(window assigners)
neutron-dhcp-agent
Firecracker 线程
kata-containers Compile And Installed
katacontainer debug
katka-container搭建
git切换分支
原文地址:https://www.cnblogs.com/tangself/p/1613778.html
最新文章
js+asp.net分片上传大文件
js+JavaScript分片上传大文件
博客园第一篇!!!
Java Volatile的一个实际应用场合
SAP OData offline store在Android平台的技术实现
面向切片编程(AOP)应用的一些实际例子
SAP OData请求是如何通过OData Plugin路由到OData Offline Data Store的
SAP offline OData插件的JavaScript代码是如何调用到Android平台的Java代码的
深入了解SAP note的技术细节
一个占据SAP BSP应用占据存储空间的小工具
热门文章
SAP WebClient UI是如何维护表格选中状态的
SAP UI5和Angular的事件处理机制比较
SAP数据库表DDLOG的设计原理
Flink实例(三十五):状态管理(六)自定义操作符状态(一)list state(一)
Flink实例(三十四):状态管理(五)自定义键控状态(四)ReducingState与AggregatingState
Flink实例(三十三):状态管理(四)自定义键控状态(三)MapState
Flink实例(三十二):状态管理(三)自定义键控状态(二)ListState
Flink实例(三十一):状态管理(二)自定义键控状态(一)ValueState
Flink实例(三十):状态管理(一)概述
Flink基础(十二):DS简介(12) 有状态算子和应用
Copyright © 2011-2022 走看看