div+javascript 实现表单验证

w198909253132 2009-08-06 10:36:10
表单上面是必填信息,下面是选择性信息,用div分类显示,假如显示div A ,那么用js判断div A,假如显示div B , 那么用js 判断 div B, 不判断div A。 请问这个功能如何实现,本人新手--!
...全文
88 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
「已注销」 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)"
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>

21,891

社区成员

发帖
与我相关
我的任务
社区描述
从PHP安装配置,PHP入门,PHP基础到PHP应用
社区管理员
  • 基础编程社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧