Making Array from html form

**heldan** · 08-19-2010 04:17 AM

If I have form like this:

Code:

<input type="text" name=" i[0]"/>
<input type="text" name=" h[0] "/>
<input type="text" name=" i[1] "/>
<input type="text" name=" h[1] "/>

How to make two Arrays one: i[] and the second: h[], after clicking submit, but without reloading page?

**tirna** · 08-19-2010 04:32 AM

you need to specify whether you are submitting the form data to html file or a server side script.

post all your form code and not just bits and pieces

**heldan** · 08-19-2010 04:59 AM

I don't want to send it enywhere. I just want to show good answers to user.

Look at it:

Code:

<script type="text/javascript"> 
function error(blad) {
    if (errfound) return;
	 for(i=0;i < blad.length;i++ ){
	 
        document.getElementById("aa" + i).innerHTML = blad[i];}	
		  			
errfound = true;
}
function validate() {
    errfound = false;
	 var blad = new Array();
	  with (document.forms[0]) {
	
	 
	 
	 for(j=0;j < 3;j++ ){
        if (no[j].value == "good ansver") { blad[j] += "good";}
		  else if(no[j].value == "") {blad[j] += "no ansver";}	
		   else {blad[j] += "wrong ansver"; }		
        }
  
	 
        if (blad != "" )  error(blad);
    }
return !errfound;
}
</script>




	<form action="#" method="post" onsubmit="return validate();">
	
		<p>1) Adrian ma na imię: </p>
		<input type="text" name="no[0]"/><br/>
		<span id="aa0"></span><br/>
<p>2)What is the Adrian's name? </p>
		<input type="text" name="no[1]"/><br/>
		<span id="aa1"></span><br/>
<p>3) Wie Adrian haisst du? </p>
		<input type="text" name="no[2]"/><br/>
		<span id="aa2"></span><br/>
  
		<input type="submit" value="wyślij" />
	</form>

And link www.itssimple.pl/6.html

**tirna** · 08-19-2010 05:20 AM

Ok, in that case you don't really need a <form> element, but it's ok to leave the <form>

This quick and simple demo code shows how you can store input data into 2 arrays called inp1 and inp2 and display their values when you click the "Validate" button.

Once you have the 2 arrays, you can do what you like with the values in them.

Code:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript">
<!--

function validate() {
      var inp1 = document.getElementsByName('i');
       var inp2 = document.getElementsByName('h');
       //display the input data
    var str = '';
    for(var i=0; i < inp1.length; i=i+1) {
     str += 'Input 1.'+(i+1)+' = '+inp1[i].value+"\nInput 2."+(i+1)+' = '+inp2[i].value+"\n";
    }    
 
 alert(str);

}

//-->
</script>

</head>
<body>

<div>
 
    Input 1.1 <input type="text" name="i"/><br />
     Input 1.2 <input type="text" name="i"/><br />
     Input 2.1 <input type="text" name="h"/><br />
     Input 2.2 <input type="text" name="h"/><br />
 
     <input type="button" value="validate" onclick="validate();" />
<div>
 
</body>
</html>

**heldan** · 08-19-2010 06:20 AM

Ok it works, here I can name two of text inputs the same name, and it makes Array, but there is problem with radios. If I have:

Code:

<input type="radio" name="i[0]"/><br />
         <input type="radio" name="i[0]"/><br />
         <input type="radio" name="i[1]"/><br />
         <input type="radio" name="i[1]"/><br />

And I have to have it in one, two dimensions Array, but I can't name two radios the same way.

Thread: Making Array from html form

Thread Tools

Display

Making Array from html form

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions