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>
查看全文
相关阅读:
(转)Apache与Tomcat 区别联系
(转)JAVA排序汇总
(转)Java线程:大总结
(转)Java线程:新特征-原子量,障碍器
(转)Java线程:新特征-条件变量
oracle中的not in和not exists注意事项
oracle字符乱码的解决方法
线刷和卡刷的区别
nexus5刷机
linux上复制行到另一个文件
原文地址:https://www.cnblogs.com/tangself/p/1613778.html
最新文章
【转】单例模式(python/c++)
【转】python的小知识
【转】python中的lambda函数
【转】python的内存管理机制
【转】larbin中的url去重算法
以点带面,建立自己的知识结构_转
Android Framework框架_转
android framework浅析_转
linux input输入子系统应用分析
I2C实时时钟rx-8025板卡实际应用
热门文章
C语言深度剖析学习错误点记录
Bugfree实用心得_转
真正的软件工程师(转)
为何C语言(的函数调用)需要堆栈,而汇编语言不需要
window操作技巧
(转)Java并发编程:深入剖析ThreadLocal
(转)Spring Bean Scope 有状态的Bean 无状态的Bean
(转)HashMap深入原理解析
鸿观之怎么读好书
(转)Maven pom.xml 配置详解
Copyright © 2011-2022 走看看