Validate--dropdown menu lists--no selection made

How would you validate a page that had several drop down menus. When the submit button is submitted, and NO selection has been made?

See code below:
[HTML]<html>
<head>

</head>
<body>

<table width="100%" height="500px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="600px" valign="top" bgcolor="#F5F0DD"><table width="100%" height="452" border="1" bgcolor="#BFD5EA">
<form action="remcardqueue.asp" method="post">
<input name="subject" type="hidden" value="AMM | Remembrance Card Package Order" />
<input name="MAILCODE" type="hidden" value="XXXX" />
<tr>
<td height="66" colspan="3"><div align="center"><font color="#006633" size="5">Remembrance Card Package Selection</font></div></td>
</tr>
<tr>
<td width="22%" height="66"><div align="center"><img src="images/cards/1111.jpg" alt="Association Standard Remembrance Card Package" border="0"><br />
<span class="smallfont">Click to view details</span></div></td>
<td width="58%" class="surveysmall"><p><b><font color="#006633">Association Standard Remembrance Card Package</font><font color="#006600">(One of each of the cards shown here)<br />
</font></b><span class="surveyfont"> X1111</span> </p> </td>
<td width="20%" class="surveysmall"><div align="right">

<select name="X1111" id="X1111">
<option value="0">0</option>
<option value="1">1</option>
</select></div></td>
</tr>
<tr>
<td height="58"><div align="center"><a href="http://www.amm.org/cards/cdpkg/d011.asp" target="_NewWin"><img src="images/cards/D011.jpg" alt="Baby Remembrance" width="30" height="45" border="0"><br />
<span class="smallfont">Click to view details</span></a></div></td>
<td class="surveysmall"><p><b><font color="#006633">Baby Remembrance Folder</font></b><br />
<span class="surveyfont">D011</span> </td>
<td class="surveysmall"><div align="right">

<select name="D011" id="D011">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select></div></td>
</tr>
<tr>
<td><div align="center"><a href="http://www.amm.org/cards/cdpkg/dfp006.asp" target="_NewWin"><img src="images/cards/dfp006.jpg" alt="Family Prayer" width="32" height="45" border="0" /></a><br />
<a href="http://www.amm.org/cards/cdpkg/dfp006.asp" target="_NewWin"><span class="smallfont">Click to view details</span></a></div></td>
<td><p><span class="surveysmall"><b><font color="#006633">Family Prayer Folder
</font></b><br />
</span><span class="surveyfont">DFP006</span>
</td>
<td><div align="right">

<select name="DFP006" id="DFP006">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select></div></td>
</tr>
<tr>
<td><div align="center"><a href="http://www.amm.org/cards/cdpkg/dh215.asp" target="_NewWin"><img src="images/cards/DH215.jpg" alt="Healing Remembrance" width="30" height="41" border="0" /></a><br />
<a href="http://www.amm.org/cards/cdpkg/dh215.asp" target="_NewWin"><span class="smallfont">Click to view details</span></a></div></td>
<td><span class="surveysmall"><b><font color="#006633">Healing Folder</font></b><br />
</span><span class="surveyfont">DH215</span> </td>
<td><div align="right">

<select name="DH215" id="DH215">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select></div></td>
</tr>
<tr>
<td><div align="center"><a href="http://www.amm.org/cards/cdpkg/dh005.asp" target="_NewWin"><img src="images/cards/dh005.jpg" alt="Healing Remembrance" width="31" height="45" border="0" /></a><br />
<a href="http://www.amm.org/cards/cdpkg/dh005.asp" target="_NewWin"><span class="smallfont">Click to view details</span></a></div></td>
<td><span class="surveysmall"><b><font color="#006633">Healing Folder</font></b><br />
</span><span class="surveyfont">DH005</span> </td>
<td><div align="right">

<select name="DH005" id="DH005">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select></div></td>
</tr>
<tr>
<td><div align="center"><a href="http://www.amm.org/cards/cdpkg/dh106.asp" target="_NewWin"><img src="images/cards/dh106.jpg" alt="Healing Remembrance" width="30" height="42" border="0" /></a><br />
<a href="http://www.amm.org/cards/cdpkg/dh106.asp" target="_NewWin"><span class="smallfont">Click to view details</span></a></div></td>
<td><span class="surveysmall"><b><font color="#006633">Healing Folder</font></b><br />
</span><span class="surveyfont">DH106</span> </td>
<td><div align="right">

<select name="DH106" id="DH106">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select></div></td>
</tr>
<tr>
<td><div align="center"><a href="http://www.amm.org/cards/cdpkg/d3106.asp" target="_NewWin"><img src="images/cards/d3106.jpg" alt="Memorial Remembrance" width="32" height="45" border="0" /></a><br />
<a href="http://www.amm.org/cards/cdpkg/d3106.asp" target="_NewWin"><span class="smallfont">Click to view details</span></a></div></td>
<td><span class="surveysmall"><b><font color="#006633">Memorial Remembrance Folder</font></b><br />
</span><span class="surveyfont">D3106</span> </td>
<td><div align="right">

<select name="D3106" id="D3106">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select></div></td>
</tr>
<tr bgcolor="f5f0dd">
<td colspan="4"><div align="center">
<p>  </p>

<input type="submit" name="button" id="button" value="Create Your Card Package"/>
</div></td>
</tr>
</form>
</table>
</td>
</tr>
</table>

</body>
</html>[/HTML]

Jun 23 '08 #1

Subscribe Post Reply

5526

acoder

16,027

Expert Mod 8TB

Add an onsubmit event handler to the form:
[html]<form ... onsubmit="return validate()">[/html]In your validate() function, check that the selectedIndex of each is not 0. If you need only one selection, if even one has a selectedIndex not equal to 0 or value neq. 0, then return true.

Jun 24 '08 #2

ammweb

Add an onsubmit event handler to the form:
[html]<form ... onsubmit="return validate()">[/html]In your validate() function, check that the selectedIndex of each is not 0. If you need only one selection, if even one has a selectedIndex not equal to 0 or value neq. 0, then return true.

I first tried one dropdown menu list and used your suggestion above, and it worked, but when I tried to added a second dropdown and use the OR operator, it didn't work. So my question is: How do you validate more than one dropdown menu list?

Below the script that didn't work using the OR:

Expand|Select|Wrap|Line Numbers

 
<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Untitled Document</title>

 <script LANGUAGE="JavaScript">

<!--

function ValidateForm(form){

ErrorText= "";

if ( form.age.selectedIndex == 0 ) || (form.card.selectedIndex == 0)

{ alert ( "Please make a selection." ); return false; }
 
if (ErrorText= "") 

{ form.submit() }
 
    }

-->

</script>
 
</head>
 
<body>

<br><form name="feedback" action="mailto:ammwebmaster@amm.org" method=post>

    <p>Your Age:    </p>

    <p>

        <select name="age"> 

            <option value="">Please Select an Option:</option> 

            <option value="0-18 years">0-18 years</option> 

            <option value="18-30 years">18-30 years</option> 

            <option value="30-45 years">30-45 years</option> 

            <option value="45-60 years">45-60 years</option> 

            <option value="60+ years">60+ years</option>

                </select>

    </p>

    <P>

    <select name="card">

        <option value="0">0</option>

        <option value="1">1</option>

        <option value="2">2</option>
 
    </select>

    <p>

        <input type="button" name="SubmitButton" value="Submit" onClick="ValidateForm(this.form)">

        <input type="reset" value="Reset">

        </p>

</form>

</body>
 
</html>

Jun 24 '08 #3

acoder

16,027

Expert Mod 8TB

There are two problems. You're not changing errorText, so checking for errorText doesn't make sense. Secondly, you're actually setting errorText in the if-statement rather than comparing. Use double-equals for comparison. Having said that, however, you don't need to check for the value of errorText, since if there's an error, you'll already have returned from the function with return false.

Jun 24 '08 #4

ammweb

There are two problems. You're not changing errorText, so checking for errorText doesn't make sense. Secondly, you're actually setting errorText in the if-statement rather than comparing. Use double-equals for comparison. Having said that, however, you don't need to check for the value of errorText, since if there's an error, you'll already have returned from the function with return false.

I'm sorry but I don't understand! The Code below works now but there is only one drop down list. How do I get the other drop down list to be validated too. Viewer needs to have a selection from one drop down list or the other or receive an Error message--"please make your selection"

Expand|Select|Wrap|Line Numbers

 
 <html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>Untitled Document</title>

 <script LANGUAGE="JavaScript">

<!--

function ValidateForm(form){

if (form.age.selectedIndex == 0)

{ alert ( "Please make a selection." )

    ; return false; }

    }

-->

</script>

</head>

<body>

<br><form name="feedback" action="mailto:ammwebmaster@amm.org" method=post>

    <p>Your Age:    </p>

    <p>

        <select name="age"> 

            <option value="">Please Select an Age Option:</option> 

            <option value="0-18 years">0-18 years</option> 

            <option value="18-30 years">18-30 years</option> 

            <option value="30-45 years">30-45 years</option> 

            <option value="45-60 years">45-60 years</option> 

            <option value="60+ years">60+ years</option>

                </select>

    </p>

    <P>

   Select the QTY of cards:

    <select name="card">

        <option value="0">0</option>

        <option value="1">1</option>

        <option value="2">2</option>

    </select>

    <p>

        <input type="button" name="SubmitButton" value="Submit" onClick="ValidateForm(this.form)">

        <input type="reset" value="Reset">

        </p>

</form>

</body>

</html>

can you show me an example of the script you use?

Jun 24 '08 #5

acoder

16,027

Expert Mod 8TB

Oh, I see the error in your previous code. Change this:

Expand|Select|Wrap|Line Numbers

 if ( form.age.selectedIndex == 0 ) || (form.card.selectedIndex == 0)

{ alert ( "Please make a selection." ); return false; }

Expand|Select|Wrap|Line Numbers

 if ((form.age.selectedIndex == 0 ) || (form.card.selectedIndex == 0))

{

    alert ( "Please make a selection." );

    return false;

}

Note the extra brackets/parentheses. Also note that the language attribute of the script tag is deprecated. Use the type attribute instead:
[html]<script type="text/javascript">[/html]

Jun 24 '08 #6

ammweb

Oh, I see the error in your previous code. Change this:

Expand|Select|Wrap|Line Numbers

if ( form.age.selectedIndex == 0 ) || (form.card.selectedIndex == 0)

{ alert ( "Please make a selection." ); return false; }

to

Expand|Select|Wrap|Line Numbers

if ((form.age.selectedIndex == 0 ) || (form.card.selectedIndex == 0))

{

alert ( "Please make a selection." );

return false;

}

Note the extra brackets/parentheses. Also note that the language attribute of the script tag is deprecated. Use the type attribute instead:
[html]<script type="text/javascript">[/html]

Thank YOU!
I had to put && in in place of the || but I got it to work. Code is below.
How would you get a page that had 7 dropdown menus
to be validate? So the viewer has to at least select one
dropdown before hitting the submit button??? Can you put && over and over again?

Expand|Select|Wrap|Line Numbers

 <script type="text/javascript">

<!--

function ValidateForm(form){

      if ((form.age.selectedIndex == "" ) && (form.card.selectedIndex == 0))

         {

             alert ( "Please make a selection." );

             return false;

         }

     else 

         {

         alert ("You have made your selection.");

          return true;

            }

        }

-->

</script>

Thanks again for all your help. I have learned a lot with this..

Jun 24 '08 #7

acoder

16,027

Expert Mod 8TB

Of course, you're checking if all of them are not selected, so it would be &&, not ||

How would you get a page that had 7 dropdown menus
to be validate? So the viewer has to at least select one
dropdown before hitting the submit button??? Can you put && over and over again?

You could, but it might make more sense to use getElementsByTagName("select") and looping over the elements, so that if you add more drop-down elements, you don't need to change the code, e.g.

Expand|Select|Wrap|Line Numbers

 var selects = form.getElementsByTagName("select");

var anySelected = false;

for (i = 0; i < selects.length; i++) {

    if (selects[i].selectedIndex != 0) {

        anySelected = true;

        break;

    }

}

if (!anySelected) {

    // alert error

    return false;

}

Jun 24 '08 #8

Similar topics

problem when no selection made

by: middletree | last post by:

Posted this to Access group, meant to do it here: I have what I call a composite table. Can't recall what they called it in database class, but it's where you take the PK of two different...

ASP / Active Server Pages

menu item selection question...?

by: mujeebrm | last post by:

/* menu.c, bc 5.02/tc 3, winxp */ #include <stdio.h> #include <conio.h> #define uaro 72 #define daro 80 /* plz help me in this logic, how can i modify this my program of a simple menu so...

.NET Framework

Displaying access records based on selection made in a combo box

by: kennygee | last post by:

I am trying to learn VB after many years programming in Access. I am trying to do something in VB that is simple in Access. How do I display record data on a form based on the selection made in a...

Visual Basic 4 / 5 / 6

Need to access the selection made by the user from selection control

by: subbaraju | last post by:

I have two selection controls and based on the selection made by the user i need to pass those values to the other program in java...... can u give me the way......

Java

change the textbox value depending on selection made in dropdown

by: manishamca | last post by:

In dropdown i am retriving value from the backend. For eg: in the dropdown list the value selected are employee id..then i want to disply the emp name,job etc in the textbox. If i select a...

Java

Retriving values from backend dependnig on selection made in choice box

by: manishamca | last post by:

i want to retrive values from backend depending on the selection made in choice box. i have two choice box and different values shuld be retrived depending on the selection made in this two...

Java

How to refresh an ASP list/menu following selection from a preceding list/menu

by: jmartmem | last post by:

Greetings, I am using Dreamweaver CS3 to design an ASP page that contains an Insert Record Form. Within this form are two list/menu form fields that I would like to "synchronize". In other words,...

Javascript

web application to display according to selection made

by: ash42 | last post by:

I need to write an asp application consisting of a webform which allows a user to make a selection from menu and display all jobs relalted to IT or all jobs related to Admin . A user will click...

ASP.NET

Easy Steps to Fix "Canon Printer Won't Connect to WiFi Network"

by: taylorcarr | last post by:

A Canon printer is a smart device known for being advanced, efficient, and reliable. It is designed for home, office, and hybrid workspace use and can also be used for a variety of purposes. However,...

General

How to turn on java script in a villaon keypad mobile phone

by: Charles Arthur | last post by:

How do i turn on java script on a villaon, callus and itel keypad mobile phone

Java

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General

Is that possible of reading the .csv file in column wise and the column have different lengths ?

by: Sonnysonu | last post by:

This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...

C / C++

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...

General

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...

C / C++

Maximizing Business Potential: The Nexus of Website Design and Digital Marketing

by: jinu1996 | last post by:

In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

Online Marketing