Multiple data sets in a form

[hkma08]

For certain reason, I need to check the validity of a form when submit with many data with shared name. The form looks like this:

[HTML]<form id="upload_form" name="upload_form" onsubmit="return uploadCheckValid2()">
<table>
<tr>
<td>xxx</td>
</tr>
<tr>
<td>
<input type="text" name="title[]" value="10" />
</label></td>
....
....
</form>[/HTML]

For the js:

function uploadCheckValid2()
{
    var titles = document.forms[0].elements['title'][0].value;
    alert(titles);
        if(xxx != xxx)
    return false;
}

I don't even able to alert the nodeName or value. Could anyone help??

[gits]

give your input-nodes an id and refer with:

var node = document.getElementById('the_id');

kind regards

[hkma08]

i have 10 inputs per table, and will have 5 tables in max. So your way works but will be very long in code. Any other ways?

[gits]

do you mean you want to check all input nodes for the same thing? then just use:

document.getElementsByTagName('input');

and check for the type == text and its values ...

kind regards

[hkma08]

Although the name attached to me is newbie, i don't think this is that easy to solve, and probably this is advance stuff.

May be i should explain more further on what i want to do. Did you notice that the name i gave to the input has braces? such as name="title[]". I have a table with following inputs:

title, author, isbn, post date etc...

when i hit an 'add' button, the table is duplicated with same structure, including names and ids. And in order to save to database by php, i have to use name="title[ ]" instead of just name="title" (w/o braces), since there is multiple record sets. When i was doing w/o multiple data sets, i used:

document.forms[' myform '][' title ']
or other ways such as the way you mentioned.

I tried and stuck on that the following ways do not work at all:
document.forms[' myform '][' title[ ] ']
or for (i=0;i<5;i++) { document.forms[' myform '][' title '][ i ] .......... }

simple example is that i have several isbn, all used share name, isbn[], the data pass to php is array of data, i am able to extract it to php, but not able to check every isbn is 10 or 13 digits (according to international book numbering) by javascript.

Get it? Excuse me for this complicated problem. But I am getting crazy on this ........ Please help if possible.

[acoder]

How about document.getElementsByName("title[]") ?

[hkma08]

i tried this, doesn't work either...

var form = document.getElementById(formid);
var titles = form.getElementsByName('title[]');
alert(titles[0].value);

[acoder]

getElementsByName is a method of the Document object. Try:

var titles = form.elements['title[]'];

instead.

[hkma08]

oh, i finally got it in some way.

function checkBookUploadValid(theForm)
{
    var inputs = theForm.getElementsByTagName('input');
    for (var i=0; i<inputs.length; i++)
    {
        if (inputs[i].name == 'title[]')
        {
            if(inputs[i].value == '') {inputs[i].style.background = error_color; return false;}
            else {inputs[i].style.background = 'white';}
        }
.....
.....
.....
}
 

This way works good. But still thanks to you guys trying to answer me..

[acoder]

That's similar to what gits suggested, but anyway I'm glad you've managed to solve it.

[hkma08]

oh it is!
probably i was so stuck on something and misunderstand what he said.
my bad.

[acoder]

Hey, no problem. At least it's working and that's what we're here for.