怎样验证在insertRow函数增加的text是否为空? JSP

function addrow(){
var number=GoodsTable.rows.length;
NewTR=GoodsTable.insertRow(number);//创建新行对象，为表格新加一行
tmpNum=NewTR.rowIndex;//创建行指针
NewTD=NewTR.insertCell(0);//创建新列对象，添加第0列
NewTD.innerText=tmpNum-1;
NewTD=NewTR.insertCell(1);
NewTD.innerHTML = '<input type="text" name="goodsid" maxlength="20" size="10">';
NewTD=NewTR.insertCell(2);
NewTD.innerHTML = '<input type="text" name="name" maxlength="20" size="10">';
}function on_submit()
{
if (form.indate.value=="")
{
alert("入库时间不能为空！");
form.indate.focus();
return false;
}
if(form.goodsid.value==""){
alert("编号不能为空！");
form.goodsid.focus();
return false;
}
}

解决方案 »

  1.   

    怎样验证在insertRow函数增加的text是否为空? 
    上面的on_submit()只能验证原有form里面的text,不能验证innerHTML增加的text,
    请大家指教下...
      

  2.   

    应该是可以的，你写错了吧。。
    NewTD.innerHTML   =  “ <input   type=‘text’   name=‘name’   maxlength=‘20’   size=‘10’> ";
    用这中形式试下。。 
      

  3.   

    整页代码如下....
    ========================================================================================
    <%@ page contentType="text/html; charset=GB2312" language="java" import="java.sql.*" errorPage="" %>
    <script language="javascript">
    function addrow(){
    var number=GoodsTable.rows.length;
    NewTR=GoodsTable.insertRow(number);//创建新行对象，为表格新加一行
    tmpNum=NewTR.rowIndex;//创建行指针
    NewTD=NewTR.insertCell(0);//创建新列对象，添加第0列
    NewTD.align='center';
    NewTD.innerText=tmpNum-1;
    NewTD=NewTR.insertCell(1);
    NewTD.align='center';
    NewTD.innerHTML = "<input type='text' name='goodsid' maxlength='20' size='10'>";
    NewTD=NewTR.insertCell(2);
    NewTD.align='center';
    NewTD.innerHTML = '<input type="text" name="name" maxlength="20" size="10">';
    NewTD=NewTR.insertCell(3);
    NewTD.align='center';
    NewTD.innerHTML = '<input type="text" name="brand" maxlength="20" size="10">';
    NewTD=NewTR.insertCell(4);
    NewTD.align='center';
    NewTD.innerHTML = '<input type="text" name="spce" maxlength="20" size="15">';
    NewTD=NewTR.insertCell(5);
    NewTD.align='center';
    NewTD.innerHTML = '<input type="text" name="number" maxlength="10" size="7">';
    NewTD=NewTR.insertCell(6);
    NewTD.align='center';
    NewTD.innerHTML = '<input type="text" name="buyprice" maxlength="10" size="7">';
    }function delrow()
    {
    GoodsTable.deleteRow(GoodsTable.rows.length-1);//删除行的函数
    }function on_submit()
    {

    if (form.indate.value=="")
    {
    alert("入库时间不能为空！");
    form.indate.focus();
    return false;
    }
    if(form.goodsid.value==""){
    alert("编号不能为空！");
    form.goodsid.focus();
    return false;
    }
    if(form.name.value==""){
    alert("名称不能为空！");
    form.name.focus();
    return false;
    }
    if(form.brand.value==""){
    alert("品牌不能为空！");
    form.brand.focus();
    return false;
    }
    if(form.spce.value==""){
    alert("规格不能为空！");
    form.spce.focus();
    return false;
    }
    if(form.number.value==""){
    alert("数量不能为空！");
    form.number.focus();
    return false;
    }
    }

    </script>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>个人销售系统</title>
    <style type="text/css">
    <!--
    .STYLE1 {
    font-family: "华文楷体";
    font-size: 24px;
    }
    .STYLE3 {font-size: 18px}
    .STYLE5 {font-family: "华文楷体"; font-size: 18px; }
    .STYLE6 {color: #FF0000}
    -->
    </style>
    </head><body bgcolor="#D2EBFD">
    <div align="center">入库</div> 
    <div align="center"><br>
    </div>
    <form method="POST" action="/DefaultWebApp/GoodsControl.do" name="form" onSubmit="return on_submit()">
    <input type="hidden" name="id" value="1" />
    <table align="center">
    <tr>
    <td>入库日期:</td><td><input name="indate" type="text" size="10" maxlength="10"></td>
    <td>渠道:</td><td><input name="channel" type="text" size="20" maxlength="50"></td>
    <td>清单编号:</td><td><input name="gi_id" type="text" size="10" maxlength="8"></td>
    </tr>
    </table>
    <table align="center" border="1" id="GoodsTable" width="750">
    <tr>
    <td  colspan="8">   
    <div align="center">
    <input name="b3" type="button" value="添加" onClick="javascript:addrow()">
    &nbsp;&nbsp;&nbsp;
    <input name="b4" type="button" value="删除" onClick="javascript:delrow()">
    &nbsp;&nbsp;&nbsp;
    <input name="b1" type="submit" value="提交">
    &nbsp;&nbsp;&nbsp;
    <input name="b2" type="reset" value="重填">
    </div>
    </td>
    </tr><tr>
    <td align="center"><span class="STYLE5">序号</span></td>
    <td align="center"><span class="STYLE5">编&nbsp;号</span></td>
    <td align="center"><span class="STYLE5">名&nbsp;称</span></td>
    <td align="center"><span class="STYLE5">品&nbsp;牌</span></td>

    <td align="center"><span class="STYLE5">规&nbsp;格</span></td>
    <td align="center"><span class="STYLE5">数&nbsp;量</span></td>
    <td align="center"><span class="STYLE5">进&nbsp;价</span></td>
    </tr><tr>
    <td align="center">1</td>
    <td align="center"><input type="text" name="goodsid" maxlength="20" size="10"></td>
    <td align="center"><input type="text" name="name" maxlength="20" size="10"></td>
    <td align="center"><input type="text" name="brand" maxlength="20" size="10"></td>
    <td align="center"><input type="text" name="spce" maxlength="20" size="15"></td>
    <td align="center"><input type="text" name="number" maxlength="10" size="7"></td>
    <td align="center"><input type="text" name="buyprice" maxlength="10" size="7"></td>
    </tr></table>
    </form></body>
    </html>