Check multiple text box input

[GlassFish]

Hi
I am trying an javascript program that has four fields in a form, the condition is that they should not be empty on submit. My plain is to make an array that check them, but this is not worked for me yet. I have posted my code below please check it, any advice or suggestion will be appreciated. Thanks

        <form action="login.php" method="post" onsubmit="return(checkAll(this))">
      <label>Username<br /><input id="input[]" type="text" name="username" /></label><br />
      <label>Email<br /><input id="input[]" type="text" name="email" /></label><br />
      <label>Password<br /><input id="input[]" type="password" name="pswd1" /></label><br />
      <label>Password Again<br /><input id="input[] "type="password" name="pswd2" /></label><br />
      <input type="submit" name="submit" value="Submit" />
      <input type="reset" value="Reset" />
      </form>

[Modifier]

Hello
Ok, i think it is good that you give the fields a unique id's. If the fields are not increasing any time or they are not going to change, then you can just create a if else statement. And if the fields are going to increase you can handle them from the loop. But before that you have to determine the length of each field in the form. I am posting a code below, I am not sure this will help you or not. But still just go through it.

var fr1 = document.forms[formName]
//formName being the name of the form
for (i = 0; i < fr1 .length; i++) {
inp= fr1 .elements[i];
if (inp.value.length == 0){
alert("Please enter value in field" + inp.name);

If any help needed then you can post back again.

[GlassFish]

Hi
Thanks for your post. But it is something weird, when I wrote the code by the name it worked. I have posted the code below.

unction chall(formObj)
{
	alert("formObj here");
	chob = document.getElementsByName("input[]");
	alert("formObj here1");
for (i=0; i<chob.length; i++)
	{
		alert("inside formObj here");
	  if (chob[i].value == "")
	  {
	alert("Input item on Row #"+(i+1)+" has been left empty. Please make sure you input something into this field.");
		return false;
	  }
}

But when I change the code and write it by ID, it does not work. any ideas or suggestions.

function chall(formObj)
{
	alert("formObj here");
	alert("formObj here");
	chob = document.getElementsById("input[]");
	alert("formObj here1");

	for (i=0; i<chob.length; i++)
	{
		alert("inside formObj here");

	  if (chob[i].value == "")
	  {
		alert("Input item on Row #"+(i+1)+" has been left empty. Please make sure you input something into this field.");
		return false;
	  }
}