Solved

validation using javascript of multiple add rows

Posted on 2011-03-15
5
981 Views
Last Modified: 2013-12-13
Hello,

I want validation of mandatory for below attached script,

I have name field like name="txt[]",Its contains multiple rows of answer..
I want to validate all added field .


<SCRIPT language="javascript">
        function addRow(tableID) {
 
            var table = document.getElementById(tableID);
 
            var rowCount = table.rows.length;
            var row = table.insertRow(rowCount);
 
            var colCount = table.rows[0].cells.length;
 
            for(var i=0; i<colCount; i++) {
 
                var newcell = row.insertCell(i);
 
                newcell.innerHTML = table.rows[0].cells[i].innerHTML;
                //alert(newcell.childNodes);
                switch(newcell.childNodes[0].type) {
                    case "text":
                            newcell.childNodes[0].value = "";
                            break;
                    case "checkbox":
                            newcell.childNodes[0].checked = false;
                            break;
                    case "select-one":
                            newcell.childNodes[0].selectedIndex = 0;
                            break;
                }
            }
        }

<TABLE id="dataTable" width="350px" border="1">
        <TR>
            <TD><INPUT type="checkbox" name="chk[]"/></TD>
            <TD><INPUT type="text" name="txt[]"/></TD>
            <TD>
                <SELECT name="country[]">
                    <OPTION value="india">India</OPTION>
                    <OPTION value="germany">Germany</OPTION>
                    <OPTION value="france">France</OPTION>
                    <OPTION value="usa">United States</OPTION>
                    <OPTION value="china">china</OPTION>
                </SELECT>
            </TD>
        </TR>
    </TABLE>

Open in new window

javascriptvalidataion.png
0
Comment
Question by:vravi22
  • 3
  • 2
5 Comments
 
LVL 17

Expert Comment

by:Shinesh Premrajan
ID: 35146124
 <TD><INPUT type="text" name="txt[]" id="txt"/></TD>

You can try assigning the id to the input field, so you can get the input field by ID


var obj= document.getElementById("txt");

if(obj.value==''){
alert("Please enter a value");
return false;
}

You can try same for other fields also.

Hope this helps
0
 

Author Comment

by:vravi22
ID: 35146638
same thing i also tried but problem is when 2nd row  is not validated.. here id is txt validating for only 1 st row.
I want to increment id according to the add row..
0
 
LVL 17

Accepted Solution

by:
Shinesh Premrajan earned 500 total points
ID: 35146691
Hope this helps
var obj= document.getElementsByName('txt');
 for(var i=0;i<obj.length;i++){
	if(obj[i].value==''){
		alert("Please enter a value");
		}
}

Open in new window

0
 

Author Comment

by:vravi22
ID: 35146980
This is worked for me .. I have changed txt to txt[] then taking whole array..


Thank you..
0
 

Author Closing Comment

by:vravi22
ID: 35146990
This solution worked for me..
0

Featured Post

Ransomware-A Revenue Bonanza for Service Providers

Ransomware – malware that gets on your customers’ computers, encrypts their data, and extorts a hefty ransom for the decryption keys – is a surging new threat.  The purpose of this eBook is to educate the reader about ransomware attacks.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Introduction This article is intended for those who are new to PHP error handling (https://www.experts-exchange.com/articles/11769/And-by-the-way-I-am-New-to-PHP.html).  It addresses one of the most common problems that plague beginning PHP develop…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.

832 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question