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>
查看全文
相关阅读:
Bower 使用
为什么是static?
多重继承 -Javascript中的apply与call详解
留用 未验证 js适配根字体大小
Js作用域与作用域链详解
理解AngularJS中的依赖注入
渐进增强 优雅降级
前后台数据交换的几种方式:
then()方法是异步执行
HTML怎么让img 等比例缩放
原文地址:https://www.cnblogs.com/tangself/p/1613778.html
最新文章
Codeforces Round #384 (Div. 2) D. Chloe and pleasant prizes(树形DP)
hdu 4122 Alice's mooncake shop(单调队列)
hdu 5945 Fxx and game(单调队列优化DP)
hdu 3415 Max Sum of Max-K-sub-sequence(单调队列)
hdu 3410 Passing the Message(单调队列)
hdu 3669 Cross the Wall(斜率优化DP)
hdu 3507 Print Article(斜率优化DP)
hdu 3401 Trade(单调队列优化DP)
hdu 2829 Lawrence(斜率优化DP)
[BZOJ3875][AHOI2014]骑士游戏(松弛操作)
热门文章
[BZOJ1579][Usaco2009 Feb]Revamping Trails 道路升级(二维最短路问题)
[BZOJ1528][POI2005]sam-Toy Cars(贪心)
[CF#290 Div.1 C]Fox And Dinner(最大流)
[POJ1284]Primitive Roots(原根性质的应用)
[POJ3696]The Luckiest number(数论)
[BZOJ2876][NOI2012]骑行川藏(拉格朗日乘数法)
[BZOJ2730][HNOI2012]矿场搭建(求割点)
[BZOJ2768][JLOI2010]冠军调查(最小割)
[BZOJ1264][AHOI2006]Match(DP+树状数组)
2.1、Dstreams数据源之基本数据源
Copyright © 2011-2022 走看看