Solved

validation using javascript of multiple add rows

Posted on 2011-03-15
5
1,043 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Don't Cry: How Liquid Web is Ensuring Security

WannaCry is just the start. Read how Liquid Web is protecting itself and its customers against new threats.

Question has a verified solution.

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

Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
This article discusses four methods for overlaying images in a container on a web page
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

717 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