我用JAVASCRIPT动态增加表格后(表格中有文本框),点击提交时,要判断文本框中的内容是否为空,如何为空,给出提示?
代码如下,
<form action="add-car-weixiu-neirong-submit.asp" method="post" name="form1" target="_blank"> <input type="button" name="Submit" value="  增 加 项 目  "  onclick="AddRecord()" >
    <script> 
      function delRow(btn){
        var tr = btn.parentNode.parentNode;
        tr.parentNode.removeChild(tr);
    }
  
  function   AddRecord()   
  {   
  var   row   =   activeTable.insertRow(activeTable.rows.length);//id=recordTable     
  var   col   =   row.insertCell(0);   
  var   i   =   row.rowIndex;   
  col.innerHTML   =   "<input   type='text'   name='texta' size='25'  value=''>"; 
  col   =   row.insertCell(1);     
  col.innerHTML   =   "<input   type='text'   name='textb'  size='15'  value=''>";
  col   =   row.insertCell(2);     
  col.innerHTML   =   "<input   type='button'   name='button1' onclick='delRow(this)' value='删除'>";  
  col   =   row.insertCell(3);     
  col.innerHTML   =   "<input   type='hidden'   name='textc'    value='"+i+ "'>";           
  }   
                            </script>
                      
                      <input type="submit" name="Submit2" value=" 保存项目 ">
求判断文本框为空代码?谢谢

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
     <head>
      <title> New Document </title>
     </head>
     <body>
      <input type="text" onblur="isEmpty(this);" />
      <script type="text/javascript">
    function isEmpty(txt){
    var value = txt.value.replace(/(^\s*)|(\s*$)/g, "");//去除首位空格
    if(value.length == 0){
    alert("不能为空!");
    return false;
    }
    return true;
    }
      </script>
     </body>
    </html>
      

  2.   

    LZ稍微改下就行了 function AddRecord()   
      {   
      var row = activeTable.insertRow(activeTable.rows.length);//id=recordTable   
      var col = row.insertCell(0);   
      var i = row.rowIndex;   
      col.innerHTML = "<input type='text' name='texta' id='texta' size='25' value=''>";  
      col = row.insertCell(1);   
      col.innerHTML = "<input type='text' name='textb' id='textb' size='15' value=''>";
      col = row.insertCell(2);   
      col.innerHTML = "<input type='button' name='button1' onclick='delRow(this)' value='删除'>";   
      col = row.insertCell(3);   
      col.innerHTML = "<input type='hidden' name='textc' value='"+i+ "'>";   
      } function isEmpty(txt){
    var v = txt.value.replace(/(^\s*)|(\s*$)/g, "");//去除首位空格
    if(v.length == 0){
    alert("不能为空!");
    txt.focus();
    return false;
    }
    return true;
    } function subValidate(){
    var txt = document.getElementById("texta");
    return isEmpty(txt);
    txt = document.getElementById("textb");
    }
      </script>
        
      <input type="submit" name="Submit2" value=" 保存项目 " onclick="return subValidate();">
      

  3.   

    上面少写了 function AddRecord()   
      {   
      var row = activeTable.insertRow(activeTable.rows.length);//id=recordTable   
      var col = row.insertCell(0);   
      var i = row.rowIndex;   
      col.innerHTML = "<input type='text' name='texta' id='texta' size='25' value=''>";  
      col = row.insertCell(1);   
      col.innerHTML = "<input type='text' name='textb' id='textb' size='15' value=''>";
      col = row.insertCell(2);   
      col.innerHTML = "<input type='button' name='button1' onclick='delRow(this)' value='删除'>";   
      col = row.insertCell(3);   
      col.innerHTML = "<input type='hidden' name='textc' value='"+i+ "'>";   
      }    function isEmpty(txt){
            var v = txt.value.replace(/(^\s*)|(\s*$)/g, "");//去除首位空格
            if(v.length == 0){
                alert("不能为空!");
                txt.focus();
                return false;
            }
            return true;
        }    function subValidate(){
            var txt1 = document.getElementById("texta");
            var txt2 = document.getElementById("textb");
            return isEmpty(txt1)&&isEmpty(txt2);
        }
      </script>
        
      <input type="submit" name="Submit2" value=" 保存项目 " onclick="return subValidate();">
      

  4.   


     function AddRecord()   
      {   
      var row = activeTable.insertRow(activeTable.rows.length);//id=recordTable   
      var col = row.insertCell(0);   
      var i = row.rowIndex;   
      col.innerHTML = "<input type='text' name='texta' id='texta' size='25' value=''>";  
      col = row.insertCell(1);   
      col.innerHTML = "<input type='text' name='textb' id='textb' size='15' value=''>";
      col = row.insertCell(2);   
      col.innerHTML = "<input type='button' name='button1' onclick='delRow(this)' value='删除'>";   
      col = row.insertCell(3);   
      col.innerHTML = "<input type='hidden' name='textc' value='"+i+ "'>";   
      }    function isEmpty(txt){
            var v = txt.value.replace(/(^\s*)|(\s*$)/g, "");//去除首位空格
            if(v.length == 0){
                alert("不能为空!");
                txt.focus();
                return false;
            }
            return true;
        }    function subValidate(){
            var txts = activeTable.getElementsByTagName("input");
    for(var i=0;i<txts.length;i++){
    if(txts[i].type.toLowerCase() == "text" && !isEmpty(txts[i])){
    return false;
    }
    }
    return true;
        }
      </script>
        
      <input type="submit" name="Submit2" value=" 保存项目 " onclick="return subValidate();">