帮忙写一段JS验证代码!


<html>
    <head>
    <script type="text/javascript">
function check(obj){
var oValue = obj.parentNode.parentNode.previousSibling.previousSibling.childNodes[0].childNodes[0].value;
if(obj.value.length<1&&oValue.length<1){
alert('ERROR');
}
}

    </script>
    </head>
    <body>
<table width="50%" border="0" align="center" cellpadding="0">
  <tr>
    <td width="23%">片1：</td>
    <td width="30%"><label>
      <input name="img1" type="text" id="img1" size="15" />
    </label></td>
    <td width="14%">1：</td>
    <td width="33%"><label>
      <input name="title1" type="text" id="title1" size="15" onblur="check(this)"/>
    </label></td>
  </tr>
  <tr>
    <td width="23%">片2：</td>
    <td width="30%"><label>
      <input name="img1" type="text" id="img1" size="15" />
    </label></td>
    <td width="14%">2：</td>
    <td width="33%"><label>
      <input name="title1" type="text" id="title1" size="15" onblur="check(this)"/>
    </label></td>
  </tr>
  <tr>
    <td width="23%">片3：</td>
    <td width="30%"><label>
      <input name="img1" type="text" id="img1" size="15" />
    </label></td>
    <td width="14%">4：</td>
    <td width="33%"><label>
      <input name="title1" type="text" id="title1" size="15" onblur="check(this)"/>
    </label></td>
  </tr>
 <tr>
    <td width="23%">片4：</td>
    <td width="30%"><label>
      <input name="img1" type="text" id="img1" size="15" />
    </label></td>
    <td width="14%">4：</td>
    <td width="33%"><label>
      <input name="title1" type="text" id="title1" size="15" onblur="check(this)"/>
    </label></td>
  </tr>
  
</table>    </body>
</html><script>
        init();
</script>

解决方案 »

  1.   

    for(var i=1;i<=7;i++){
    if ((document.getElementById("img"+i)&&(document.getElementById("title"+i))){
    alert("img"+i+"为空了挖!还有title"+i+"为空了噢");
    return false;
    }
    else{
    return true;
    }
    }
      

  2.   

    测试通过:<!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=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <form id="form1" name="form1" method="post" action="" onsubmit="return chkValue()">
    <table width="50%" border="0" align="center" cellpadding="0">
      <tr>
        <td width="23%">图片1：</td>
        <td width="30%"><label>
          <input name="img1" type="text" id="img1" size="15" />
        </label></td>
        <td width="14%">标题1：</td>
        <td width="33%"><label>
          <input name="title1" type="text" id="title1" size="15" />
        </label></td>
      </tr>
      <tr>
        <td>图片2：</td>
        <td><input name="img2" type="text" id="img2" size="15" /></td>
        <td>标题2：</td>
        <td><input name="title2" type="text" id="title2" size="15" /></td>
      </tr>
      <tr>
        <td>图片3：</td>
        <td><input name="img3" type="text" id="img3" size="15" /></td>
        <td>标题3：</td>
        <td><input name="title3" type="text" id="title3" size="15" /></td>
      </tr>
      <tr>
        <td>图片4：</td>
        <td><input name="img4" type="text" id="img4" size="15" /></td>
        <td>标题4：</td>
        <td><input name="title4" type="text" id="title4" size="15" /></td>
      </tr>
      <tr>
        <td>图片5：</td>
        <td><input name="img5" type="text" id="img5" size="15" /></td>
        <td>标题5：</td>
        <td><input name="title5" type="text" id="title5" size="15" /></td>
      </tr>
      <tr>
        <td>图片6：</td>
        <td><input name="img6" type="text" id="img6" size="15" /></td>
        <td>标题6：</td>
        <td><input name="title6" type="text" id="title6" size="15" /></td>
      </tr>
      <tr>
        <td>图片7：</td>
        <td><input name="img7" type="text" id="img7" size="15" /></td>
        <td>标题7：</td>
        <td><input name="title7" type="text" id="title7" size="15" /></td>
      </tr>
    </table>
    <input type="submit" />
    </form>
    <script language="javascript">
    function chkValue()
    {
    var bImgFlag;
    var bTitleFlag;
    for(var i = 1;i <= 7;i++)
    {
    bImgFlag = (document.getElementById("img" + i).value == "");
    bTitleFlag = (document.getElementById("title" + i).value == "");
    if(bImgFlag != bTitleFlag) return false
    }
    return true
    }
    </script>
    </body>
    </html>
      

  3.   

    实在不好意思，我搞错了
    可以同时为空，但是图片img和标题title不能只填一个
    （也就是要么同时为空，要么两个都不为空）
    抱歉啊
      

  4.   

    把代码里面的  条件改变下就好了
    抱歉刚才我忘记写 ==""了 呵呵
    for(var i=1;i <=7;i++){ 
    if ((document.getElementById("img"+i)!=""&&(document.getElementById("title"+i))!=""){ return true; 
    } 
    else{ 
    alert("有一个不为空"); 
    } 
    } 
      

  5.   

    给你一个结构提示if((表达式1&&表达式2)||(表达式3&&表达式4)){}
      

  6.   

    这样写行if((form1.zbimg1.value!=""&&form1.title1.value=="")||(form1.zbimg1.value==""&&form1.title1.value!=""))
    {
    alert('图片和标题都得填写！');
    return false;
    }这样就不行了，哪里写错了，帮我指正一下for(i=1;i<8;i++)
    {
    if((form1.zbimg[i].value!=""&&form1.title[i].value=="")||(form1.zbimg[i].value==""&&form1.title[i].value!=""))
    {
    alert('图片和标题都得填写！');
    return false;
    }
    }
      

  7.   


    这个不行么?function chkValue()
    {
        var bImgFlag;
        var bTitleFlag;
        for(var i = 1;i <= 7;i++)
        {
            bImgFlag = (document.getElementById("img" + i).value == "");
            bTitleFlag = (document.getElementById("title" + i).value == "");
            if(bImgFlag != bTitleFlag)
    {
    alert("两项都必须填写！");
    return false
    }
        }
        return true
    }
      

  8.   

    zbimg并不是数组,不能用zbimg[i]
      

  9.   

    form1.zbimg[i].value
    应该是这里错了！
    这里不能这么写的
      

  10.   

    用name="zbimg"，然后用getElementsByName("zbimg")来取对象，这个对象就会是数组了．