Spry Validation in Dreamweaver CC

Hello,
I'm trying to find the spry validation in the CC version. It used to be under insert - form - spry validation text field, etc in CS6. Some places online said it's under the spry menu, but I can't find a spry menu. Where would I find it?
Thanks!

You're not missing anything, Adobe abandoned the Spry framework in 2012 and removed all Spry items from the newer versions of program.
You need to make sure you are using resources that match your actual program, older tutorials won't help in the newer, constantly changing, product.
As far as form validation goes, you'd probably want to look into jQuery alternatives like: http://jqueryvalidation.org/documentation/

Similar Messages

Spry Validation For PHP Form

Hello All,
I am currently using the Spry Validation within Dreamweaver 5.1.1 and it was working in my development environment until yesterday. I did not change directories so I believe it is not an issue with my file structure. Below you will see my baic form set up and for some reason, when I load my page, all of the spry error messages are visable. Previously, the page would load and it would not appear until there was an error after submitting the page. Maybe I'm missing something but an extra pair of eyes does not hurt. The ".textfieldRequiredMsg" class displays automatically when it is set in the css file to "display: none:".
I'm stumped:
<meta http-equiv="X-UA-Compatible" content="IE=100"> 
<title>Company Name</title>
<link rel="stylesheet" href="css/style.css" media="screen">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/jquery.placeholder.js"></script>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
</head>
<body>
<form action="calltoaction/contact.php" id="contact" style="margin-top: -20px;" method="post" name="contact">
                  <div class="row">
                        <div class="left"><span id="sprytextfield1">
                        <input id="name" placeholder="Name" type="text" name="Name" autofocus required>
                        <span class="textfieldRequiredMsg">A value is required.</span></span></div>
                         <div class="left">
                           <input id="pharmacyname" placeholder="Pharmacy Name" type="text" name="BusinessName" required>
                        </div>
                   </div>
          <div class="row">
          <div class="left">
            <input id="telephone" placeholder="Please provide your contact number" name="Phone" required>
           </div>
          <div class="left">
          <input id="email" placeholder="Email Address" name="Email" required>
         </div>
          </div>
          <div class="row">
                        <div class="left">
                            <div class="styledselect">
                              <select style="width:400px; color: #898888; height: 42px;" tabindex="2" name="Subject" id="Subject">
                                <option value="select">What can we help you with? Click to select an option.</option>
                                <option value="website comments">New Website Comments</option>
                                <option value="ordering">Ordering</option>
                                <option value="order status">Order Status</option>
                                <option value="csos">CSOS Setup</option>
                                <option value="payments credits">Payments & Credits</option>
                                <option value="contact account manager">Contact My Account Manager</option>
                                <option value="email list">Join Email List</option>
                                <option value="monthly newsletter">Sign Up For Monthly Newsletter</option>
                                <option value="rewards">Auburn REWARDS Free Goods</option>
                                <option value="reset password">Reset User ID/Password</option>
                                <option value="questions">Questions</option>
                                <option value="suggestions">Suggestions</option>
                                <option value="other">Other (Please Specify)</option>
                              </select>
                            </div>
                            
            </div>
          </div>
          <div class="commentbox">
                              <div class="left">
                                <textarea id="styled" placeholder="Please type your message here" name="Comments" required></textarea>
                                 </div>
          </div>
          <div class="row">
                              <div class="left">
                              <input type="image" src="images/contact_submit.png" name="submit" width="85" height="38" id="submitbutton">
            </div>
          </div>
                   <div class="row">
                    <div class="left required"><em>*All fields are required.</em></div>
          </div>
        </form>
<script>
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["change"]});
</script>
</body>
</html>

That's what is driving me crazy. The code appears correctly. The DOCTYPE is:
<!DOCTYPE HTML>
I've attached a screenshot of the page once it loads without submitting the actual form and the spry settings in Dreamweaver.
Thanks!

Alternatives to dreamweaver built in spry validation?

I like the spry validation features... but I don't like the K
that comes with it. Good grief, the js include files are
ridiculous.
Any lighter weight alternatives that still provide validation
reminders at each text field, area, etc.?

LOL. I'd really rather not consider that scenario. 8)
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Massimo Foti" <[email protected]> wrote in
message
news:fu7b6j$1jp$[email protected]..
> "Murray *ACE*" <[email protected]>
wrote in message
> news:fu7aq7$1a6$[email protected]..
>> I'm assuming that using the compacted scripts would
mean you aren't
>> interested in debugging them, but yeah.... 8)
>
> Consider this scenario:
>
> 1) You use the uncompressed file on test/developing box
>
> 2) You deploy the compressed version on production box
>
> 3) Somebody report you an error on line xxx on
production box
>
> 4) You turn to your test/developing box to try and debug
the error
>
> 5) Now you are screwed, because line xxx doesn't match
between the two
> environment
>
> 6) You copy compressed version on test/developing box,
now you can see
> where line xxx is, but you can't read it, because it's
an ugly mess of
> compressed code
>
> 7) You wish you have used HTTP compression from the very
beginning
>
> :-))
>
> ----------------------------
> Massimo Foti, web-programmer for hire
> Tools for ColdFusion and Dreamweaver developers:
>
http://www.massimocorner.com
> ----------------------------
>
>
>
>

Spry Validation widgets not working on local WAMP server

I just started the process of creating a contact page. I got the client side done last night, woke up this morning and panicked. The spry validation widgets weren't working anymore. I re-did the entire page and realized it was only the contact.html page in the wamp directory that wasn't working. All the needed CSS and javascript assets are there and in the proper folders, so what's up?
(I'm still in the middle of the lynda.com series Dreamweaver CS5 with PHP and MySQL , so I'm not even certain where I'm heading just yet. I'm doing stuff as I think I understand it.)

OK, this is interesting. It works online, but not in local cache.
Here's the contact page on my website: http://www.ladyhawkslair.com/contact.html (So far, GNDN: goes nowhere; does nothing.)
And here's the WAMP version: http://www.ladyhawkslair.com/wamp/contact.html
worky-worky online.
No worky-worky when I preview in Firefox on my system.
Wait. Hold that thought.
I only refuses to work when I preview it in Firefox THROUGH Dreamweaver. Let me test again.
Verified.
The spry widgets don't work when I load them to Firefox WITH Dreamweaver. Interestingly, it works with IE.
Any ideas, Gramps?

Spry validation text field across two columns in a table?

I have a table with two columns. I can easily insert a spry validated text field into the left cell but when I drag the box over so that box is in the right column and the label is still in the left column then that breaks the widget.
Is this even possible for me to do or do I have to put the widget in just one column?

Think I figured it out.
http://www.adobe.com/devnet/dreamweaver/articles/spry_form_validations.html

After Spry validation how to redirect to a "you have successfully register" page

I am helping a friend set up a webpage for her business. You can see the website here www.themessagetext.com. I used a Spry validation for the phone number and the checkbox. One the validation is verified, I want the user to be redirected to a page that says that they have successfully register. Right now it takes you to an ugly page. It looks like an error page, but it says that you have successfully register.
I am using Internet Explorer 7. I am also using CS4 Dreamweaver. I am also usingSpryValidationCheckbox.css - version 0.4 - Spry Pre-Release 1.6.1 and SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1
I am new to web design. So if you can be as specific as possible I would appreciate it. I don't even know where in the code it tells the form after it is submitted to redirect to this certain page.

Sorry I did post the wrong code for the wrong page. Here is the code for the right page. The more I thought about it I figured it was a design problem. Should I post it somewhere else since this form is for Spry.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Message Text</title>
<style type="text/css">

</style>
<script src="SpryAssets/SpryValidationCheckbox.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
<link href="SpryAssets/SpryValidationCheckbox.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
</head>
<body class="oneColElsCtr">
<div id="container">
<div id="mainContent">
   <table id="Table_01" width="1024" height="869" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
   <img src="images/websitenew.gif" width="1024" height="176" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
   <img src="images/websitenew-03.gif" width="112" height="379" alt=""></td>
<td colspan="2">
   <img src="images/websitenew_03.gif" width="38" height="19" alt=""></td>
<td colspan="6" rowspan="2">
   <img src="images/websitenew-05.gif" width="874" height="379" alt=""></td>
</tr>
<tr>
<td colspan="2">
   <img src="images/websitenew-06.gif" width="38" height="360" alt=""></td>
</tr>
<tr>
<td rowspan="4">
   <img src="images/websitenew-07.gif" width="58" height="313" alt=""></td>
<td colspan="3">
   <a href="contact_us.html">
    <img src="images/websitenew_07.gif" width="79" height="18" border="0" alt=""></a></td>
<td colspan="2" rowspan="2">
   <img src="images/websitenew-09.gif" width="15" height="53" alt=""></td>
<td>
   <a href="#">
    <img src="images/websitenew_09.gif" width="168" height="18" border="0" alt=""onclick="MM_openBrWindow('terms_and_conditions_pop_up.html','','width=400,height=60 0')"></a></td>
<td rowspan="2">
   <img src="images/websitenew-11.gif" width="17" height="53" alt=""></td>
<td>
   <a href="#">
    <img src="images/websitenew_11.gif" width="108" height="18" border="0" alt=""onclick="MM_openBrWindow('privacy_policy_pop_up.html','','scrollbars=yes,resizable= yes,width=400')"></a></td>
<td colspan="2" rowspan="2">
   <img src="images/websitenew-13.gif" width="579" height="53" alt=""></td>
</tr>
<tr>
<td colspan="3">
   <img src="images/websitenew-14.gif" width="79" height="35" alt=""></td>
<td>
   <img src="images/websitenew-15.gif" width="168" height="35" alt=""></td>
<td>
   <img src="images/websitenew-16.gif" width="108" height="35" alt=""></td>
</tr>
<tr>
<td rowspan="2">
   <img src="images/websitenew-17.gif" width="2" height="260" alt=""></td>
<td colspan="8" background="images/websitenew-18.gif" width="527" height="247" valign="top" alt="">
          <form action="http://platform.3cinteractive.com/web_registration.php " method="post" name="web_registration_form" id="web_registration_form" onsubmit="" >
   <input id="username" name="username" type="hidden" value="VGn5S7PDQkBwb7csFvX2JA=="/>
      <input id="password" name="password" type="hidden" value="ee7CQE1n8XALlcHYtpSV0Hm+lRNppZrVAe573Vysrq0="/>
      <input id="trigger_id" name="trigger_id" type="hidden" value="78354" />
      <span id="sprytextfield1">
         <input name="phone_number" id="phone_number" size="30" />
         <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Must be 10 digits</span></span>
      <input id="just_submit" name="just_submit" type="submit" value="Submit" />
<br />
                    (Do Not Include Dashes)
                    <br />
              <span id="sprycheckbox1">
                <label>
                      <input type="checkbox" name="agre" id="agre" />
                    By selecting this box, I agree to <a href="#" onclick="MM_openBrWindow('terms_and_conditions_pop_up.html','','width=400,height=600')">t erms and conditions</a></label>
                    <span class="checkboxRequiredMsg">Please select box.</span></span>
                </form>
        </td>
<td rowspan="2">
   <img src="images/websitenew-19.gif" width="437" height="260" alt=""></td>
</tr>
<tr>
<td colspan="8">
   <img src="images/websitenew-20.gif" width="527" height="13" alt=""></td>
</tr>
<tr>
<td>
   <img src="images/spacer.gif" width="58" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="52" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="168" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="108" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="142" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="437" height="1" alt=""></td>
</tr>
</table></td>
      </tr>
    </table>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Mailto form with spry validation won't open in IE

Hi,
I've created a mailto: form using Spry validation fields and have two issues.
1. I create the form, transfer it to the webserver and the validation fields work. But when I reopen the form in Dreamweaver to make changes, an error window comes up saying that there are widgets that no longer exist and some of the fields have lost their validation code.
2. The form works fine in Firefox, but in IE, you click Submit, it brings up the email window, but the content is empty.
Any suggestions would be greatly appreciated.
Here is the code:
        <form action="mailto:[email protected]" method="post" enctype="text/plain" name="review" id="review">
        <p> <span class="style9">
          <label><span class="style2">*</span><span class="style9">Title</span>
            <select name="Title" id="Title">
              <option selected>Mr.</option>
              <option>Mrs.</option>
              <option>Miss.</option>
              <option>Ms.</option>
            </select>
          </label>
</span>
            <span id="sprytextfield1">
        <span class="style2">*</span>
        <label><span class="style9">First name</span>
<input name="firstname" type="text" id="firstname" size="30">
        </label>
        <span class="textfieldRequiredMsg">A value is required.</span></span>
        <label><span class="style9">Middle Initial</span>
<input name="middleinitial" type="text" id="middleinitial" size="5">
        </label>
        <span id="sprytextfield3" class="style9">
        <span class="style2">*</span>
        <label><span class="style9">Last Name</span>
          <input name="lastname" type="text" id="lastname" size="30">
        </label></span>
        <p class="style2"><strong>STREET ADDRESS</strong></p>
        <p>
          <label><span class="style2">*</span><span class="style9">Street Address </span>
            <input name="streetaddress" type="text" id="streetaddress" size="100">
         </label>
          </p>
        <p>
          <span class="style9">
          <label>Apartment/Other
            <input name="apt" type="text" id="apt" size="100">
          </label>
          </span></p>
        <p><span class="style9" id="sprytextfield6">
          <label><span class="style2">*</span>City/Town
            <input name="city" type="text" id="city" size="75">
          </label>
        </span><span class="style9">     <span id="sprytextfield7">
          <span class="style2">*</span>
          <label><span class="style9">Zip Code</span>
            <input type="text" name="zipcode" id="zipcode">
          </label>
        </span></p>
        <p class="style2">MAILING ADDRESS (IF DIFFERENT FROM STREET ADDRESS)</p>
        <p>
          <label><span class="style9">Street Address
            <input name="mailingstreet" type="text" id="mailingstreet" size="100">
          </span></label>
        </p>
        <p class="style9">
          <label>RR/PO/Apt.
            <input name="mailingPO" type="text" id="mailingPO" size="100">
          </label>
        </p>
        <p>
          <label><span class="style9">City/Town</span>
            <input name="city2" type="text" id="city2" size="75">
          </label>
          <span class="style9">
          <label>Zip Code
            <input type="text" name="mailingzip" id="mailingzip">
          </label>
          </span></p>
        <p class="style2">CONTACT INFORMATION</p>
        <p><span class="style9" id="sprytextfield12">
        <label><span class="style2">*</span>Home Phone
          <input type="text" name="homephone" id="homephone">
        </label>
        </span><span class="style9">
        <label>Work/Other Phone
          <input type="text" name="workphone" id="workphone">
</label>
</span></p>
        <p class="style9"><span id="sprytextfield17">
        <label><span class="style2">*</span>Email
          <input name="email" type="text" id="email" size="75">
        </label>
        <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span>          </p>
        <p class="style9"><span id="sprytextfield4">
        <label><span class="style2">*</span>Re-Enter Email
          <input name="reenteremail" type="text" id="reenteremail" size="75">
        </label>
        <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span></p>
        <div id="spryradio2">
          <table width="587">
            <tr>
              <td colspan="3"><p class="style9"><span class="style2">*</span>Preferred Contact</p></td>
            </tr>
            <tr>
              <td width="92"><p>
                <span class="style9">
                <label>
                  <input type="radio" name="PreferredContacts" value="email" id="PreferredContacts_0">
                  Email</label>
              </span></p></td>
              <td width="200" class="style9"><p class="style9">
                <label>
                  <input type="radio" name="PreferredContacts" value="workphone" id="PreferredContacts_2">
                  Work/Other Phone</label>
              </p></td>
              <td width="279" rowspan="2" class="style9"> <p><span class="radioRequiredMsg">Please make a selection.</span></p></td>
            </tr>
            <tr>
              <td><p>
                <span class="style9">
                <label>
                  <input type="radio" name="PreferredContacts" value="homephone" id="PreferredContacts_1">
                  Home Phone</label>
              </span></p></td>
              <td class="style9"><p class="style9">
                <label>
                  <input type="radio" name="PreferredContacts" value="usmail" id="PreferredContacts_3">
                  U.S. Mail</label>
              </p></td>
            </tr>
          </table>
                 </div>
        <p class="style9"><span id="sprytextfield16"><span id="sprytextfield11"><span id="sprytextfield2">
          <label><span class="style2">*</span>Birth Date (mm/dd/yyyy)
            <input type="text" name="birthdate" id="birthdate">
          </label>
          <span class="textfieldRequiredMsg">A value is required.</span></span><span class="textfieldRequiredMsg">A value is required.</span></span><span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span> </p>
        <p>
          <label><span class="style9">School (If Attending)</span>
            <input name="school" type="text" id="school" size="75">
          </label>
          <span><br>
          <span class="radioRequiredMsg">Please make a selection.</span></span></p>
        <p>
        <span class="style9">
        </span>
          <span class="style9">
          <label>
            <div align="center">
            <div align="center">
              Submit
              <input type="submit" name="submit" id="submit" value="Submit">
              Reset
              <input type="reset" name="reset" id="reset" value="Reset">
          </div>
          </label>
          </span>
        </form>
        <p> </p>
      <script type="text/javascript">

      </script>

Have a look at the following
        <p class="style9"><span id="sprytextfield16"><span id="sprytextfield11"><span id="sprytextfield2">          <label><span class="style2">*</span>Birth Date (mm/dd/yyyy)            <input type="text" name="birthdate" id="birthdate">
          </label>
There are no inputs for the following
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5");
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6");
var sprytextfield8 = new Spry.Widget.ValidationTextField("sprytextfield8");
var sprytextfield14 = new Spry.Widget.ValidationTextField("sprytextfield14", "email");
var sprytextfield15 = new Spry.Widget.ValidationTextField("sprytextfield15", "email");
var spryradio1 = new Spry.Widget.ValidationRadio("spryradio1", "preferredcontact");
var sprytextfield13 = new Spry.Widget.ValidationTextField("sprytextfield13", "email");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
Don't do this, it invites BIG trouble
<form action="mailto:[email protected]" method="post" enctype="text/plain" name="review" id="review">

Spry Validation - Advanced Customization

Hi,
I am creating a form and using the spry validation widgets for Dreamweaver Cs3. By defualt when a form is in the valid state, the input field turns green.
What I would like to find out is, is it possible to use an image/background image e.g. small "tick" icon to display at the side of the input for validation rather than the input itself? I know the invalid states have span classes that control the error messages, but I am not sure which class style I can target to use an image for my valid state rather the the default green input field.
Any help would be much appreciated.
I found a link to an adobe lab demo which does exactly what I want but unfortunetely does not show how to do it and what version of dreamweaver it is using.
http://labs.adobe.com/technologies/spry/demos/formsvalidation/index.html

If you look at the source for this page you will see the following lines -
<div id="theRating">
More code here
Then:-
<img src="images/ok.gif" title="valid" etc....
Copy this line into the required position on your page (don't forget to create the image ok.gif).
HTH

Spry Validation Select ultimate beginner

Hello to all,
I need help with the spry validation select thingy. Basically, I am not a programmer, so code stuff won't help me much. I need a bit of a walkthrough:
The problem:
1) I need 2 validation select boxes with about 10 choices each.
2) I need an activation button - that is, when the correct choices are selected, the user presses a button to take them to the right webpage.
3) I need the choices within each select box to (obviously) direct the user to a different page once the activation button is pressed.
My solution so far:
1) I can insert the 2 validation select boxes into dreamweaver, with what i think is the correct naming, etc. I can also set the 10 choices for each. I do not know what the "value" tab means in the "list values" button I use to name and set the number of choices.
2) I can insert the button as well (just insert, nothing else)
3) I am not able to link the 10 choices with anything - I simply don't know how to do that, and cannot find info about it. When I live preview my work so far I get 2 nice drop/validation boxes with 10 choices each, and a button. I now need to, given a specific choice and after the button is pressed, to take the user to a different webpage with information about the double selection they chose.
I hope the above is clear enough - in the end, I will have 100 seperate webpages that need to be linked to the choices (10 choices in one box times 10 choices in the other box), I just need a way to link those choices to the webpages. Any basic and non-code based help would be very appreciated,
Cheers,
P

I need help with the spry validation select thingy. Basically, I am not a programmer, so code stuff won't help me much. I need a bit of a walkthrough:
You have got no hope!
1) I need 2 validation select boxes with about 10 choices each.
You have stated that you have already done this. The value of the select element can be found here http://www.w3schools.com/tags/tag_select.asp
2) I need an activation button - that is, when the correct choices are selected, the user presses a button to take them to the right webpage.
You have stated that you have already done this
Seeing that you have already done the above, these are no longer a problem. This leaves us with
3) I need the choices within each select box to (obviously) direct the user to a different page once the activation button is pressed.
For this we would need to see your markup in situ. Please supply a link to your site.
Gramps

Spry Validation

Hi there,
I am trying to use the spry validation in my form. But that form has already a server side validation in the form element.
When I try to insert the spry validation for a text field for example I have this error message:
"While executing inspectSelection in spry_ValidationTextField.htm, a JavaScript error occurred."
Does it mean that I cannot put a Spry validation after I've inserted a PHP validation?
What am I doing wrong?
Help me please.
Thank you!
boco
boco

Having both client side JavaScript and server side validation is a good "belt and suspenders" tactic, especially if you are making sure the right kind of data is submitted to avoid errors on the database. Trying to mix your validation within the form itself could get messy however. You might want to try this...
Have all the Spry validation in the form to "pre test" your data before it's ever submitted. This will catch 95% of the problems.
If you really want to be 100% sure, you can include a block of server side validation on the target page for the form before you process any of the data. If any of the data fails you send the user back to the form, re populate the form with the form variables they sent the first time and display an error for the field that failed.
Sorry, this isn't as simple of an answer as you may have been looking for, this requires quite a bit of coding, but it's a 100% sure way to validate the data before writing it to your database.
Hope this helps.
Lawrence *Adobe Community Expert*
www.Cartweaver.com
Complete Shopping Cart Application for
Dreamweaver, available in ASP, PHP and CF
www.twitter.com/LawrenceCramer

Spry Validation Selection - Required with Default Initial Selection

Hello,
I am using a Spry Validation Selection drop down. I want the user to choose 1, 2, 3, or 4. I would also like the drop down to initially say "Choose One" I would like to force the user to have to choose 1, 2, 3 or 4. Is this possible simply through Dreamweaver's edits?
Thanks,
Melanie

Yes, have a look at the following
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryValidationSelect.js"></script>
<link href="SpryAssets/SpryValidationSelect.css" rel="stylesheet">
</head>
<body>
<form action="" method="post">
<span id="spryselect1">
<label for="select1"></label>
<select name="select1" id="select1">
      <option value="">Please choose one....</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
</select>
<span class="selectRequiredMsg">Please select an item.</span></span>
<input name="" type="submit">
</form>
<script>
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1", {validateOn:["blur", "change"]});
</script>
</body>
</html>
Gramps

Spry Validation issue.

I'm trying to use spry validation to have some informative
text disappear from a text area when the user clicks on the text
area. Attached is my code. What am I doing wrong?

Change the textarea to be empty:
<textarea name="JobDescription" id="JobDescription"
cols="45" rows="5"></textarea>
Then add a hint in the Spry:
var sprytextarea1 = new
Spry.Widget.ValidationTextarea("sprytextarea1",
{validateOn:["blur"], hint:"Please include as much
information as possible, such as span, pitch, area and area
of specialty trusses, in addition to any information you believe to
be
needed."});
The above needs to be on one line.
Ken Ford
Adobe Community Expert - Dreamweaver/ColdFusion
Fordwebs, LLC
http://www.fordwebs.com
"jgeisler" <[email protected]> wrote in
message news:[email protected]...
> I'm trying to use spry validation to have some
informative text disappear from
> a text area when the user clicks on the text area.
Attached is my code. What am
> I doing wrong?
>
> <script src="SpryAssets/SpryValidationTextarea.js"
> type="text/javascript"></script>
> <link href="SpryAssets/SpryValidationTextarea.css"
rel="stylesheet"
> type="text/css" />
> </head>
>
> <body>
> <label></label>
> Name:
> <label>
> <input type="text" name="Name" id="Name" />
> </label>
> <p>Address:
> <label>
> <input name="Address" type="text" id="Address" />
> </label>
> </p>
> <p>City:
> <label>
> <input name="City" type="text" id="City" />
> </label>
> </p>
> <p>State:
> <label>
> <input name="State" type="text" id="State" />
> </label>
> </p>
> <p>ZIP Code:
> <label>
> <input name="ZIP Code" type="text" id="ZIP Code"
/>
> </label>
> </p>
> <p>Phone #:
> <label>
> <input name="Phone #" type="text" id="Phone #" />
> </label>
> </p>
> <p>Email:
> <label>
> <input type="text" name="Email" id="Email" />
> </label>
> </p>
> <p>Description of Job:</p>
> <p><span id="sprytextarea1">
> <label>
> <textarea name="Job Description" id="Job Description"
cols="45"
> rows="5">Please include as much information as
possible, such as span, pitch,
> area and area of specialty trusses, in addition to any
information you believe
> to be needed.</textarea>
> </label>
> <span class="textareaRequiredMsg">A value is
required.</span></span></p>
> <p>
> <label>
> <input type="submit" name="button" id="button"
value="Submit" />
> </label>
> </p>
>
> <script type="text/javascript">
> 
> </script>
> </body>
> </html>
>

Spry validation text field issue

I've put several spry validation text fields on my site and
you can still click through to the next page without having to
enter any information. What am I missing?

Think I figured it out.
http://www.adobe.com/devnet/dreamweaver/articles/spry_form_validations.html

Spry validation select widget problem

Dreamweaver CS3
Im using spry validation for my form but the two spry validation select widgets I am using are not working. When I test them I keep getting errors that nothing has been selected when something has in fact been selected. I've used spry validation before with no problems but this is the first time using the spry validation select widget.
My code:
<tr>
            <td valign="top">Page in Question*</td>
            <td valign="top"><span id="spryselect1">
              <label>
              <select name="select1" id="select1">
                <option selected="selected">Home</option>
                <option>About Us</option>
                            </select>
              </label>
              <span class="selectRequiredMsg">Please select an item.</span></span></td>
          </tr>
          <tr>
            <td valign="top">Which Internet Browser do you use?*</td>
            <td valign="top"><span id="spryselect2">
              <label>
              <select name="select2" id="select2">
                <option selected="selected"> </option>
                <option>Internet Explorer</option>
                <option>Firefox</option>
                <option>Safari</option>
                <option>Opera</option>
                <option>Google Chrome</option>
                <option>Other</option>
              </select>
              </label>
              <span class="selectRequiredMsg">Please select an item.</span>              </span></td>
          </tr>
Appreciate the help.

Hi Daniel,
Im having the same problem, can you please tell me what you did? I understand you found the problem?
Thank you!

Spry Validation Problems.

I'm using a modified version of
Neil Dohertry's
Coda Slider. Everything works well except for validation. The
way the
the page is set
up, a large form (broken up into sections with their own
tables) and is panned across multiple divs. Spry Validation is used
on most of the form elements. the on blur and on change events seem
to work fine, but the on submit validation only works for the first
table in the first div. Nothing works after that. If I pull the
table from the the second div and stick it in the first, on submit
validation works.
So is something breaking my on submit validation when my form
elements are placed in multiple divs?

Hey folks,
Surprisingly, I figured out that the code is working fine when I clicked "Live View".
So the problem actually was my local host wasn't set up correctly.
For those having the same problem on windows 7 & cs5, make sure that:
iis service is running on ur machine
the testing server is set up on dreamweaver - in my case it was a local connection anf not ftp. Remember to specify your site folder when you do this.
you copy the site folder to (in my case) xampp/htdocs or whatever localhost service you are using.

Spry Validation in Dreamweaver CC

Similar Messages

Maybe you are looking for