1
我有一个动态行创建，删除和验证。为创建和删除行，它正常工作。假设，我正在删除第一行，之后该行无法验证。如果我不删除第一行，我可以验证剩余的。如果我正在删除任何中间行，那么在该行无法验证之后。如何随机验证动态行
<head>
<title>Insert title here</title>
</head>
<body>
<TD>
<FORM NAME="iForm">
<INPUT type="HIDDEN" name="_row_count" id="_row_count" value="0" />
<INPUT type="HIDDEN" name="rowcount" id="rowcount" value="0" />
<P>
<INPUT type="button" value="Add Rows" onclick="addRowToTable();" />
</P>
<TABLE width='100%' border='1' id="CommTble">
<TR>
<TH CLASS='vrTableHeader' align='left'> Feild1 </TH>
<TH CLASS='vrTableHeader' align='left'>Feild2 </TH>
<TH CLASS='vrTableHeader' align='left'>Remove Field </TH>
</TR>
<TR>
<TD>
<INPUT TYPE='TEXT' CLASS='vrFormText' NAME='field' id='field10' SIZE=15 MAXLENGTH="25" />
</TD>
<TD>
<INPUT TYPE='TEXT' CLASS='vrFormText' NAME='field' id='field20' SIZE=15 MAXLENGTH="25">
</TD>
<TD>
<INPUT TYPE='button' CLASS='vrFormText' NAME='DelButton_0' VALUE='Remove Row' SIZE=20 MAXLENGTH="18" ONCLICK="removeRowFromTable1(this,0);"/>
</TD>
</TR>
</TABLE>
<P>
<input type="button" class="submitest" value=" Save Record " name="Submit1" onclick="checkCommodity()">
<INPUT TYPE="RESET" NAME="Reset" CLASS="submitreset" VALUE="Reset">
</P>
</FORM>
</TD>
</body>
function addRowToTable()
{
var tbl = document.getElementById('CommTble');
var lastRow = tbl.rows.length;
var iteration = lastRow-1;
lastRow = tbl.rows.length;
var row = tbl.insertRow(lastRow);
var cellTwo = row.insertCell(0);
var e2 = document.createElement('input');
e2.type = 'text';
e2.name = 'field1'+ iteration;
e2.id = 'field1'+ iteration;
e2.size = '15';
e2.onkeypress=function(){return imposeMaxLength(this,parseInt(25))};
cellTwo.appendChild(e2);
var cellTwo = row.insertCell(1);
var e3 = document.createElement('input');
e3.type = 'text';
e3.name = 'field2'+ iteration;
e3.id = 'field2'+ iteration;
e3.size = '15';
e3.onkeypress=function(){return imposeMaxLength(this,parseInt(25))};
cellTwo.appendChild(e3);
var cellNine = row.insertCell(2);
var e9 = document.createElement('input');
e9.type='button';
e9.name='DelButton_'+iteration;
e9.id='DelButton_'+iteration;
e9.value='Remove Row';
e9.size='20';
e9.onclick=function(){return deleteRow(this.parentNode.parentNode.rowIndex)};
cellNine.appendChild(e9);
iForm._row_count.value=iteration;
iteration+=1;
}
function deleteRow(i)
{
document.getElementById('CommTble').deleteRow(i);
}
function checkCommodity()
{
var tble = document.getElementById('CommTble');
var LastRow = tble.rows.length-1;
var rcount=0;
for(var i=0;i<LastRow;i++)
{
var a=document.getElementById('field1'+i).value;
if(document.getElementById("field1"+i+"").value=="")
{
alert ("field1 value missing");
document.getElementById("field1"+i+"").focus();
return false;
}
if(document.getElementById("field2"+i+"").value=="")
{
alert ("field2 value missing");
document.getElementById("field2"+i+"").focus();
return false;
}
}
return true;
}
var size=0;
var comarray= new Array(100);
function removeRowFromTable1(r,p)
{
var i=r.parentNode.parentNode.rowIndex;
var q=p;
if(isNaN(q)==true)
{
p=q.substr(10);
}
else
{
p=q;
}
comarray[size]=p;
size+=1;
var n=document.getElementById('CommTble').rows.length;
if(n==2)
alert("Atleast one has to be there. So it is not possible to delete the current row !!");
else
document.getElementById('CommTble').deleteRow(i);
}
我认为小提琴演示将是惊人的！ – 2014-08-29 05:33:32
是否有任何解决方案验证 – user3699218 2014-08-29 05:37:46
使jsfiddle.net PLZ，以便我们可以看到最新情况 – 2014-08-29 05:39:53