Dependant Drop down form validation

I have a form where after selecting options from 5 dependant drop down boxes, and clicking submit a pdf file is displayed in a new window. This is working fine, i now just need some code to validate the form before submission rather than going to an error message if they have not selected each of the boxes.
the page in question is here:
www.ddvalves.com/documentation3.html
any suggestions will help, ive been playing about with a few scripts found on the web, but they seem to use the onsubmit function, which i am already using to display the pdf. If i enter 2 onsubmit functions i get a duplicate function error in my dreamweaver toolbar.
thanks in advance,
Paul

Have you looked at the spry validation that is in DW? That is what I use.
Gary

Similar Messages

How do I create a dependant drop down in a web form?

I am trying to add a web form to a web page that includes a dependant drop down menu. For example, I'd like there to be a drop down menu called "Interested Class" with three fields: "Tribe Fit", "Tribe Life" and "Tribe Core". When a user selects one of these fields ("Tribe Fit" for example), I want a new drop down menu to appear with the following choices: "7:00am", "12:30pm", "7:00pm".
I have attempted this here and as you can see it's not working at the moment. The time drop down fields should be hidden until an "Interested Class" has been selected.
http://www.cityfitness.com.au/nicole-form-test?Preview=True
I've placed my JS code in the HTML view of the actual web page as I noticed when I place it in the actual custom form it doesn't carry through to the page. I don't know if I'm placing my JS in the correct place though.
Here is a snippet of my code if it helps:
<tr>
                        <td><label for="CAT_Custom_328771">Interested Class</label><br />
                        <select name="CAT_Custom_328771" id="CAT_Custom_328771" class="cat_dropdown">
                        <option value=" ">-- Please select --</option>
                        <option value="Tribe Fit">Tribe Fit</option>
                        <option value="Tribe Life">Tribe Life</option>
                        <option value="Tribe Core">Tribe Core</option>
                        </select>
                        </td>
                    </tr>
                    <tr>
                        <td>
                        <div id="fit" class="times">
                        <select>
                        <option value="7:00am">7:00am</option>
                        <option value="12:30pm">12:30pm</option>
                        <option value="7:00pm">7:00pm</option>
                        </select>
                        </div>
                        <div id="life" class="times">
                        <select>
                        <option value="7:00am">7:00am</option>
                        <option value="8:00am">8:00am</option>
                        <option value="11:30am">11:30am</option>
                        </select></div>
                        <div id="core" class="times">
                        <select>
                        <option value="8:00am">8:00am</option>
                        <option value="11:30am">11:30am</option>
                        <option value="12:30pm">12:30pm</option>
                        </select>
                        </div>
                        </td>
                    </tr>
                    <tr>
                        <td><input class="cat_button" type="submit" value="Submit" id="catwebformbutton" /></td>
                    </tr>
                </tbody>
            </table>
            <script type="text/javascript" src="/CatalystScripts/ValidationFunctions.js"></script>
            <script type="text/javascript">
$(function () {
    $('#CAT_Custom_328771').change(function () {
        $('.times').hide();
        $('#' + $(this).val()).show();
//<![CDATA[
var submitcount67919 = 0;function checkWholeForm67919(theForm){var why = "";if (theForm.FirstName) why += isEmpty(theForm.FirstName.value, "First Name"); if (theForm.LastName) why += isEmpty(theForm.LastName.value, "Last Name"); if (theForm.EmailAddress) why += checkEmail(theForm.EmailAddress.value); if (theForm.HomePhone) why += isEmpty(theForm.HomePhone.value, "Home Phone Number"); if (theForm.HomeAddress) why += isEmpty(theForm.HomeAddress.value, "Home Address"); if (theForm.HomeCity) why += isEmpty(theForm.HomeCity.value, "Home City"); if (theForm.HomeState) why += isEmpty(theForm.HomeState.value, "Home State"); if (theForm.HomeZip) why += isEmpty(theForm.HomeZip.value, "Home Zipcode"); if (theForm.HomeCountry) why += checkDropdown(theForm.HomeCountry.value, "Home Country"); if(why != ""){alert(why);return false;}if(submitcount67919 == 0){submitcount67919++;theForm.submit();return false;}else{alert("Form submission is in progress.");return false;}}
//]]>
</script>
        </form>
Can anyone please help explain to me how I can make this work? I am only a JS beginner - so please try to explain in simple terms if possible.
Thank you!
Nicole

This wont work, Needs to be a lot more then this and CSS to hide things rather then script hiding them.
Nicole, The times that are availible I gather differ depending on the type of the dropdown?
You do not need multiple time dropdowns.
Steps you need to do first on the form:
1. Ensure the custom form field dropdown for interested class exists.
2. Have custom dropdown with all the times that any of them can be. This is CSS hidden by default.
3. Also CSS hide all the options in the select as well in your CSS.
Next can you show what classes have what times as an example then can put the code more relevent to your example you can work off.
The code will follow along the lines of....
Dropdown On Change
          If selected options is xxx class then
          fade in option times dropdown
          Show these otpion times
        if selected option is zzz class then
          fade in option times dropdown
               show these times
More control as you need to work properly, only two dropdowns needed.

Help with Dependent Drop Down

I have been trying for weeks now to get a simple dependent drop down to work. The form works perfectly (including dependent field) when I am inserting data. However when i am updating the dependent values are not passing some reason. I can figure out why. I have even started afresh and the same results. Can some one please send me a sample of their form using dependent drop down with your database dump. I want to compare to see what is going wrong.
Thanks in advance.

hi leocrawf,
can you please give me direct link of your page, or send it to me at:
[email protected]
when updating the record with the dependent dropdown menus it should have the default value matching the records you trying to update, also the forign key btw them...
any way i have more than example, so please send me alink or upload the page to me...
http://www.developer-online.com
waleed barakat...

Dependent Drop-Down Menu in Dreamweaver CS3 and ADDT

Hi All,
I have been trying to create a dependent drop--down menu so that when I select an item the corresponding information would populate the other field or fields. So far I have tried to use the tutorial posted on the link below by Waleed Barakat but I have had no sucess.
http://www.tutorials-expert.com/tutorial/20354/-How-To-Create-Dependent-Dropdown -ListMenu-Forms.html
I wanted to know if anyone has something else that I can review to help me in this process.
Thanks

Please refer to this article (http://forums.adobe.com/message/1069624#1069624) for information on how your tables should be set up.
Date: Wed, 10 Jun 2009 00:49:28 -0600
From: [email protected]
To: [email protected]
Subject: Re: Dependent Drop-Down Menu in Dreamweaver CS3 and ADDT
Hi Georgev63,
I followed the instructions to the link you sent me and it did not produce the results I had hope for.
The directions are pretty straight forward and I attempted the steps several times with the same results.
Basically the field that supposed to be the detail field is blank rather than having the ID of the master field.
Any further suggestions would be much appreciated.
Thanks
E.
>

Default values for dependent drop down menu

Hi!
I did create an insert record page that lets the user put in information using text fields. In addition the form has a dependent drop down menu for a category and then depending on the chosen category, the user is presented with choices in a second drop down menu for subcategories.
The insert of the record itself works fine.
The records are then listed in a table. A link to a details page should then list all fields of a chosen record. I have another form sporting them dependent drop down menus again. Since I retrieve a record from the database I would like to have the drop down menus default to the values stored in the database.
But whatever I tried the menus always default to the respective first entries in each menu.
I tried to use the "select value equal to" field in the "insert record" for the category and the "Default detail value" field in the dependent drop down item for the subcategory field.
Any pointers anybody?
Thanks in advance
Juergen

Hi there I cannot understand your request fully but I think I understand....
I think I have done nearly exactly what you need
I will try to explain
for a start I am working on a art gallery site that has many different artists and many different paintings
I am able to add a new artist and have that artist name appear automatically in a dropdown menu on my add painting form page so that when I add a new painting I do not have to type the arrtists name every time
I am not sure this is what you need but I think maybe....
(i have another site that displays different categories of jewellry... with a form that has same dropdown and can choose product category.... but the process is the same)
the way I did it was to first create an 'artist_info' table in my database and an 'add artist page' pretty simple
Then an painting_pnt table in my database and an 'add painting' page with a form that contains a dropdown menu that is dynamically populated from the artist_infotable... label from the artist_name field value from the artist_id field so the form uses two recordsets.......
Then in my painting_pnt table I have a field that stores the artist_id
So when I add a new artist..... the name automatically appears in the dropdown menu when I add a new painting I choose the artist name and then later I can filter recordsets on my detail pages using the id_artist....
there is a lot more to it as well but that should get you started
I hope this helps
If you have any questions at all I will try to explain better
takiteasy

ADDT Dependent Drop Down

I have a dependent drop down set-up on a edit page. the detail drop down is not required so if i load a page with data with the the Master Drop down that has predefined option selected but the Detail drop has none, the detail drop has no options in it. The only way to get options in the detail drop is to change the master. Is there a way to invoke the the detail options dependency on the page load??

I think that NO because you must select some item on the master drop down to populate the detail drop down.
Still in this case, how your form will know what to show on the detail drop down?
If you want to make something when page loads, you have to create a starter trigger.

Iweb drop down forms

I am new to iweb, but longtime mac user. I have a little trouble having our webmaster update our bakery's site. I was wondering if iweb can fulfill this need for me to update and if a drop down form (which is incredible useful to brides) can be achieved on an iweb made site and is not to difficult for a web rookie like me. Any places to look for something like this form of our current site? http://www.sweetpeacecakes.com/weddingform.html

_Look Here_ and see my post in _this thread_

Can you make dependant drop down lists?

can you make dependant drop down lists?

Yes, you can create main menu and sub menu items , with default menu the sub pages will auto create sub menu items (you should select all pages from menu type option).
These videos will help you :
https://www.youtube.com/watch?v=hncVlzYuuvQ
https://www.youtube.com/watch?v=kziCEqQpF9s
Thanks,
Sanjit

Creating a dependent drop down box in an interactive form?

Hello -
I'm pretty new to Acrobat and not fluent with JS (I'm a chemist), so please forgive me if this seems a silly question:
I'd like to create a form wherein there are two drop down boxes and the choices seen in the second of the two are dependent upon the choice made in the first. An example of such might be a list of departments in the first field and a list of staff in the selected depertment in the second field.
I'm using Acrobat ver 7.0 (Pro) with Designer, by the way.
I've been able to do this in Excel through use of validation functions, but I'd like to get away from Excel if at all possible.
Thanks very much in advance!
Chris

To keep the department/cities sample; i'll try to explain you how i did it in Designer:
I created a "variable" bloc (at the bottom of the Hierarchy tab) called Cities
An other one called Departments
A last called CitiesFunctions
In the Cities bloc, i declared an array with all cities.
In the Department bloc, I declared an array by department. In each array, i have 2 items : the index of the first city of the department in the cities tab and the index of the last city of the department in the cities tab.
On my form, I created a dropDownList called Department (populated with departments) and an other called cities initialized empty.
On Department change event:
I rase the cities field.
I call my function getCitiesByDpt in my CitiesFunctions bloc with the department in parameter.
In these function I call the array corresponding to the department in the Cities bloc and I populate my listBox cities by the results (tab of cities from parameter 1 to parameter 2 of my Department array).
Carrefull : if a list has too much items, you should create a "manual list" composed of 1 textField, 1 button, 1 listBox (it's better for performance)
After than, always by script, you can restrict you second list by the sequence of characters eventualy keyed in the field Cities.
I hope i'm a little beat clear ! it's hard to explain in a forum (and sorry for my french english...:))
Pierre.

JSP HTML parameter form to call report - Dependent drop down list

I have a report parameter form developed using HTML & JSP to call oracle reports6i.
First parameter "STATES", Second Parameter "CITY"
I have a master-detail relation betwen STATE & CITY table.
I want the parameter form drop down lists dependant. ie if the user chang STATE value in the first drop down, the second drop down list CITY shoud
change automatically.
Please help
Thanks
Vimal

Vimal,
This is not functionality that's available in the Reports generated parameter form. In order to do this you'll need to build the parameter form yourself as a true HTML form and code the javascript to link the fields.
Hope this helps,
Danny

Completely database, um based dependant drop down menu's.

Ok my mind feels like swiss cheese right now trying to think of a way to do this without it being hard coded (meaning a change to the Database would also require a code change).
I currently have a form with various dropdowns populated via a database. Now (im sure most all of it will have to be recoded due to this) it is required the items be dependant of the primary selection. I.E. main selection is made, the other 4 drop downs get populated with the correct data. I am racking my brain with only using items fromt he database.
I suppose I will present what i was think of doing to get opinions.
Create a result set with rows of all 5 drop downs data. Make an array of just the primary item to use to populate the primary selection box. Now where I am confused is, wouldn't I have to keep the other data in the from of the result set, so when changing a selection of the primary attribute, it would compare said attribute in the resultset.
while(rsData.next()){
i.e. (if selectedItem == rsData.getString("primaryAttribute"))
/*then the 5 items within the current index of the result set can be printed as options in there respective selects.*/
This is what I am not sure about (never have really done javascript before) can this type of logic be done dynamically, i.e. run a while loop such as this and populate the fields, then reset the index on the result set upon the selection of a new primary item.
If im an idiot and way off please tell me, if you have a better way, also please tell me. I just am trying to keep the need for code changes upon database changes to an absolute bare minimum.

you can put all of your lists in session. Then when rendering the page loop through the collections of objects and assign them to a javascript array variable. Then in your javascript method you would use the array to populate your drop downs.
so inside of your javascript tags you would use either scriplets or my preference c:forEach..
<script>
var myArray = new Array()
<c:forEach var="myItems" items="${sessionScope.list1}" varStatus="status">
myArray[${status.count - 1}] = ${myItems}
</c:forEach>
</script>
or
<script>
var myArray = new Array()
<%
for (int i=0;i<sizeofcollection;i++){
%>myArray[<%i%>] = <%colection.get(i)%>;<%
%>
</script>then you would be able to use myArray in your javascript function to populate drop downs.
Edited by: gmachamer on Dec 5, 2007 2:35 PM
Edited by: gmachamer on Dec 5, 2007 2:35 PM

Change font size in drop-down form item

When I'm in design mode, I assigned the drop-down item a
style class of 9pt
font and it looks fine in design mode. When I go to view in
IE, the font
looks like a standard 10pt font and doesn't change when I
change the class.
So, all of my titles are in 9pt but the form text boxes and
drop-down boxes
are all using 10pt font.
How do you change the font used in form fields?
Thanks!

One should not use a print metric on the web. Please use
pixels, ems, ens,
exs, percents, or font size names, but definitely not points.
> How do you change the font used in form fields?
select { font-size: 9px; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Beverly" <[email protected]> wrote in message
news:ernl49$iei$[email protected]..
> When I'm in design mode, I assigned the drop-down item a
style class of
> 9pt font and it looks fine in design mode. When I go to
view in IE, the
> font looks like a standard 10pt font and doesn't change
when I change the
> class. So, all of my titles are in 9pt but the form text
boxes and
> drop-down boxes are all using 10pt font.
>
> How do you change the font used in form fields?
>
> Thanks!
>

Webding font issue in drop down form

I need a check mark and an "X" in a dropdown list of a form. The only font I found that has them together is Webdings. I works fine in the Actrobat Pro preview. But wehen the file is opened in Reader the symbols are different.

One should not use a print metric on the web. Please use
pixels, ems, ens,
exs, percents, or font size names, but definitely not points.
> How do you change the font used in form fields?
select { font-size: 9px; }
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Beverly" <[email protected]> wrote in message
news:ernl49$iei$[email protected]..
> When I'm in design mode, I assigned the drop-down item a
style class of
> 9pt font and it looks fine in design mode. When I go to
view in IE, the
> font looks like a standard 10pt font and doesn't change
when I change the
> class. So, all of my titles are in 9pt but the form text
boxes and
> drop-down boxes are all using 10pt font.
>
> How do you change the font used in form fields?
>
> Thanks!
>

Dependent drop down list

I hope I can explain this properly...
Lets say I have a drop down list in box "A"...I want a drop down list in box "B" to display options dependent on what is selected from Box "A".
e.g.
If box "A" is selected as "month"...I want box "B" to have pulldown options of "JAN, FEB, MAR" etc
if box "A" is selected as "year"...I want box "B" to give options as "2012, 2011, 2010" etc
I am using Livecycle Designer 8.0 if that matters...
Can someone provide guidance?
thanks so much in advance!
John

Hi John,
Just noticed Debadas posted a solution while a was checking mine works. Mine is basically the same (in the same event) but just wanted to point out that if you are targeting Reader 9 or later then you can use the setItems method which makes things a little easier, as you can load all the items in one hit (though maybe with an older version of Designer that wont work, but thought I might as well add my bit).
switch (DropDownA.rawValue)
    case "Month":
//      this.setItems("January,February,March,April,May,June,July,August,September,October,Novemb er,December");
        this.clearItems();
        for (var i = 0, currentDate = new Date(2012,0,1); i < 12; i++, currentDate.setMonth(currentDate.getMonth() + 1))
            this.addItem(util.printd("MMMM", currentDate, true))
        break;
    case "Year":
        this.setItems("2012,2011,2010,2009,2008,2007,2006,2005,2004,2003,2002,2001");
        break;
Bruce

Cond display of drop down based on value selected in another drop down form

Hi,
I have a requirement in my app in which I need to be able to conditionally display the values in the drop down down list based on the values selected in another drop down list...
Currently I have 2 drop downs.
First drop down is a list of Jacks from 2000 to 4999...
Second Drop down consists Chassis ranging from 1 to 900..
So when a user selects any jack between 2000 - 2999, in the second drop down only Chassis ranging from 1 to 300 should appear.
when anything between 3000 - 3999 is selected, Chassis ranging from 301 to 600 should appear..
and for jacks between 4000 - 4999, Chassis ranging from 601 to 900 should appear in the second drop down.
Can someone please provide me pointers on how to do this..
Thanks,
Nehal

Hi Larry,
Thanks for your response..
Here are the queries for my select lists.
P62_JACK
select list query for Jacks:
select JACK_NUM display_value, JACK_NUM return_value
from CTS_LIST_OF_JACKS
order by 1
P62_CHASSIS_BLADE_PORT
select NETWORKPORT display_value, NETWORKPORT return_value
from CTS_LIST_OF_NETWORKPORTS
order by NETWORKPORT_ID
jacks range from 2000 to 4000
chassis_blade_port ranges from 100 to 900...
Can you please let me know how to do it..
Thanks,
Nehal

Dependant Drop down form validation

Similar Messages

Maybe you are looking for