div+javascript 实现表单验证

  表单上面是必填信息，下面是选择性信息，用div分类显示，假如显示div A ，那么用js判断div A，假如显示div B ， 那么用js 判断 div B， 不判断div A。 请问这个功能如何实现，本人新手－－！

解决方案 »

  1.   

    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)"
      

  2.   

    我个人认为可以通过判断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>
      

  3.   

    用JS的getElementById()方法，得到它innerHTML要是有值的话就是A，同理B也是这么判断，