Dynamically validating datatable elements using javascript

Question

Hai, iam using jsf, and having Xml mapping to the form elements to display the data . Iam using <h:datatable> inside which iam haveing repeated elements, i need to do a javascript validation before displaying the form element present inside the <h:datatable> columns.Iam also using <j4j:idproxy> , the java script is working for 1 iteration but it is the dataof the form element is not getting overridden in the 2nd iteration, It is somethinglike this below.
<TR id="buiCoverRowId" style="display:none;">
<TD height="9" width="200"></f:verbatim> <h:outputText
styleClass="outputText" id="text7"
value="Buildings Cover"></h:outputText><f:verbatim></TD>
<TD height="9" width="516"></f:verbatim> <h:outputText
styleClass="outputText" id="buildCoverId"
value="#{pathPart.xpathMap['./BuildingsCover/CoverDetail/SumInsured/Amount']}">
</h:outputText> <f:verbatim></TD>
</TR>
<TR>
<TD></f:verbatim><f:verbatim>
<h:inputHidden id="hidBuiCoverId"
value="#{pathPart.xpathMap['./BuildingsCover/CoverDetail/SumInsured/Amount']}">
<j4j:idProxy id="hidBuiCoverId_" />
</h:inputHidden>
</f:verbatim><f:verbatim></TD>
<TD></f:verbatim><f:verbatim>
<h:inputHidden id="hidExBuiCoverId"
value="#{pathPart.xpathMap['./BuildingsCover/ExcludedInd/Value']}">
<j4j:idProxy id="hidExBuiCoverId_" />
</h:inputHidden>
</f:verbatim><f:verbatim></TD>
</TR>
<SCRIPT>
alert("HAI");
var buidcover = document.getElementById('hidExBuiCoverId_').title;
var buidcoverR =document.getElementById(buidcover).value;
alert("the value of buildcover----->"+buidcoverR);
var buId =document.getElementById('hidBuiCoverId_').title;
var entitybuId1 = document.getElementById(buId).value;
entitybuIdT1 = trim(entitybuId1);
alert("entitybuIdT1"+entitybuIdT1);
var buExId = document.getElementById('hidExBuiCoverId_').title;
var entitybuExId1 = document.getElementById(buExId).value;
entitybuExIdT1 = trim(entitybuExId1);
entitybuExIdU1 = entitybuExIdT1.toUpperCase();
alert("entitybuExIdU1"+entitybuExIdU1);
if(!(entitybuIdT1 == null || entitybuIdT1 == '') && ((entitybuIdT1 == "0")) && (entitybuExIdU1 == 'FALSE'))
document.getElementById("buiCoverRowId").style.display="block";
</SCRIPT>
The form element is mapped to the xml. the above code is written within a datatable, iam using javascrpt within this to display the datat or not, it is working for first iteration but its not working for second iteration. Plz help me with this . Is there any way that i can use javascript so that it vvalidates the form elements even for the 2 iteration of the datattable. I am having thesame values (of the 1iteration) even during the 2 iteration. Plz help me with this asap.

Answer 1

Got the solution.
$("div.ms-acal-rootdiv div div div a").html().replace('Replace this text only.','Replaced Text');