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>
查看全文
相关阅读:
二维数组中的查找
浅析Java的Object类
Alan Turing的纪录片观后感
近期学习docker遇到的一些问题
eclipse(STS)安装jd-eclipse插件实现查看API源代码功能
deepin配置Oracle JDK
两个有序链表的合并
Maven 项目中各包单独打成jar包
一次性密码 && 身份认证三要素
HTTPS工作流程
原文地址:https://www.cnblogs.com/tangself/p/1613778.html
最新文章
Java 8 新特性之 Lambda 表达式、函数式接口、方法引用、构造器引用、Stream API
记一次云服务器被挖矿的经历
加密算法的 Java 使用方法:MD5,SHA1,AES,RSA
Java 中的锁与死锁
HashMap 底层实现原理
MySQL 报 Epression #1 of SELECT list is not in GROUP BY clause and contains nonaggre的问题
LINUX笔记6(SSH远程登陆)
linux系统启动后,You are in emergency mode.After logging in,.........
绝对免费的PDF转各种姿势(word,ppt等)
LINUX笔记5(进程管理)
热门文章
LINUX笔记4(文件及权限管理)
跨vlan通信
Excel规划求解无法使用
你的病毒和威胁防护由你的组织管理
一次深度学习之旅
Xshell向云服务器(linux系列)上传和下载数据
重建二叉树
旋转数组的最小数字
用两个栈实现队列
浅析Java数据类型
Copyright © 2011-2022 走看看