21,891
社区成员
发帖
与我相关
我的任务
分享div+javascript 实现表单验证
表单上面是必填信息，下面是选择性信息，用div分类显示，假如显示div A ，那么用js判断div A，假如显示div B ， 那么用js 判断 div B， 不判断div A。 请问这个功能如何实现，本人新手－－！
...全文
请发表友善的回复…
发表回复
「已注销」 2009-08-06
- 打赏
- 举报
div A,B可以用2个form吧？ 那么你用js判断时传入相应的form就是了。
比如
div A
form A
input x onclick="javascript:fun_name(this.x.value)"
.....
div B
form B
input x onclick="javascript:fun_name(this.x.value)"
比如
div A
form A
input x onclick="javascript:fun_name(this.x.value)"
.....
div B
form B
input x onclick="javascript:fun_name(this.x.value)"
llj480028 2009-08-06
- 打赏
- 举报
用JS的getElementById()方法，得到它innerHTML要是有值的话就是A，同理B也是这么判断，
linglingnie 2009-08-06
- 打赏
- 举报
我个人认为可以通过判断div的style属性来判断 校验div A还是div B，下面是我自己做的一个小例子，希望能帮到你
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function checkValue()
{
if(document.getElementById("a").style.display=='block')
{
if(document.getElementById("txt1").value=="")
{
alert('txt1 not null');
}
}
if(document.getElementById("b").style.display=='block')
{
if(document.getElementById("txt2").value=="")
{
alert('txt2 not null');
}
}
}
</script>
</head>
<body>
<form method="post" action="d.php" name="f1">
<input type="button" name="dis1" value="显示div_a" onclick="document.getElementById('a').style.display='block'"/>
<input type="button" name="dis2" value="显示div_b" onclick="document.getElementById('b').style.display='block'"/>
<div id='a' style="display:none">
<input type="text" id="txt1" name="txt1" value="" />
</div>
<div id='b' style="display:none">
<input type="text" id="txt2" name="txt2" value="" />
</div>
<input type="button" name="but" value="提交" onclick="checkValue()"/>
</form>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script language="javascript">
function checkValue()
{
if(document.getElementById("a").style.display=='block')
{
if(document.getElementById("txt1").value=="")
{
alert('txt1 not null');
}
}
if(document.getElementById("b").style.display=='block')
{
if(document.getElementById("txt2").value=="")
{
alert('txt2 not null');
}
}
}
</script>
</head>
<body>
<form method="post" action="d.php" name="f1">
<input type="button" name="dis1" value="显示div_a" onclick="document.getElementById('a').style.display='block'"/>
<input type="button" name="dis2" value="显示div_b" onclick="document.getElementById('b').style.display='block'"/>
<div id='a' style="display:none">
<input type="text" id="txt1" name="txt1" value="" />
</div>
<div id='b' style="display:none">
<input type="text" id="txt2" name="txt2" value="" />
</div>
<input type="button" name="but" value="提交" onclick="checkValue()"/>
</form>
</body>
</html>
