Question on For Loops Using ID Number

R

Rick

Hello,

I posted a question regarding data validation earlier and it worked
great! I have a new question. Is there anyway to cut through all the
if statements and just have a for loop that uses the id numbers
associated with each input. Here's the code I have so far:

<html>
<head>
<script type="text/javascript">

function main(form)
{
if (form.description.value =='')
{
alert("you have not entered in a description");
return false;
}
if (form.awarddate.value =='')
{
alert("you have not entered in an award date2");
return false;
}
if(form.awarddate2.value =='')
{
alert("you have not entered in an award date2");
return false;

return true;
}

</script>
</head>
<body>
<form action="submit.html" method="post" name="input" onsubmit="return
main(this)">
<table>
<tr>
<th>Rick's Test Page<br><br></th>
</tr>
<tr>
<td>Description:<td><input type=text name="description" id=1>
</tr><tr>
<td>Award Date:<td><input type=text name="awarddate" id=2>
</tr><tr>
<td>Award Date 2:<td><input type=text name="awarddate2" id=3>
</tr>
</table>
<input type="submit" value="Submit" class="FormText">
</form>
</body>
</html>

So In this case I'd want to make a for loop that loops from id=1 to
id=3. Is there anyway to do that? Thanks for the help!

Rick
 
M

McKirahan

Rick said:
Hello,

I posted a question regarding data validation earlier and it worked
great! I have a new question. Is there anyway to cut through all the
if statements and just have a for loop that uses the id numbers
associated with each input. Here's the code I have so far:
Click to expand...

[snip]

You're code is missing a "}" before "return true;".

You're missing closing </td> tags.

Don't use "main()" as it's a rserved word (per Evertjan).

Though you can use "document.getElementById()" it isn;t necessary.

The following loops through all form elements and checks all "text"
elements to see if they're blank.

Also, the fields name (name=" is displayed in the alert so it is suggested
that you assign a anme similar to the label they'll see on the page.

<html>
<head>
<script type="text/javascript">
function validate(form) {
var fail = "";
for (i=0; i<form.elements.length; i++) {
if (form.elements.type == "text") {
if (form.elements.value == "") {
fail += "\n\t" + form.elements.name + "";
}
}
}
if (fail != "") {
alert("The following fields are blank:\n" + fail);
return false;
}
return true;
}
</script>
</head>
<body>
<form action="submit.html" method="post"
name="input" onsubmit="return validate(this)">
<table>
<tr>
<th colspan="2">Rick's Test Page<br><br></th>
</tr>
<tr>
<td>Description:</td>
<td><input type=text name="Description" id=1></td>
</tr>
<tr>
<td>Award Date:</td>
<td><input type=text name="Award_Date" id=2></td>
</tr>
<tr>
<td>Award Date 2:</td>
<td> <input type=text name="Award_Date_2" id=3></td>
</tr>
</table>
<input type="submit" value="Submit" class="FormText">
</form>
</body>
</html>
 
R

RobG

McKirahan said:
Hello,

I posted a question regarding data validation earlier and it worked
great! I have a new question. Is there anyway to cut through all the
if statements and just have a for loop that uses the id numbers
associated with each input. Here's the code I have so far:
Click to expand...


[snip]

You're code is missing a "}" before "return true;".

You're missing closing </td> tags.

Don't use "main()" as it's a rserved word (per Evertjan).

Though you can use "document.getElementById()" it isn;t necessary.

The following loops through all form elements and checks all "text"
elements to see if they're blank.

Also, the fields name (name=" is displayed in the alert so it is suggested
that you assign a anme similar to the label they'll see on the page.
[...]

<td><input type=text name="Description" id=1></td>
Click to expand...

And ID's can't start with a number, an id:

"must begin with a letter ([A-Za-z]) and may be followed by any number
of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons
(":"), and periods (".")."

<URL:http://www.w3.org/TR/html4/types.html#type-name>

[...]
 
E

Evertjan.

McKirahan wrote on 24 okt 2005 in comp.lang.javascript:
Also, "id=" is usually set to the same value as "name=".
Click to expand...

Not at all.

In a form, the name goes into the querystring/poststring,
and could be out of control of the programmer on a external site,
the id however could be seralized.

<input name='theName' id='f1'>
<input name='theStreet' id='f2'>
<input name='theTown' id='f3'>
......

for large forms, the clientside code can be much simpler that way:

for (i=1;i<60;i++){
with (document.getElementById('f'+i)){
if (value != defaultValue)
style.backgroundColor='cyan'
else
style.backgroundColor=''
}
}

yes I know, IE only can do:

input { background-color:expression(value!=defaultValue?'cyan':'');}
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

I am using 2 loops, 1 for input and 1 for td. Can we achieve the same functionality with 1 loop in Jquery? 4
Sort by number of characters 1
Javascript DOM 1
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript? 0
Script to send email not working 1
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript? 0
Filter table rows based on multiple checkboxes value 2
Checking dynamically populated data using ajax with user entered value 5

Members online

No members online now.
Total: 69 (members: 2, guests: 67)
Robots: 247

Forum statistics

Threads
473,996
Messages
2,570,238
Members
46,826
Latest member
robinsontor

Latest Threads

Top