Use Spry Validation with jQuery Form to Form Wizard (v1.1)

I am trying to use spry validation widgets with jQuery Form to Form Wizard script found here http://www.dynamicdrive.com/dynamicindex16/formwizard.htm
This is a script that makes a long form into a multi part wizard/form with next and back buttons.
for the most part it works with the spry widgets on blur and onsubmit, but to make it work properly the next buttons of the script should be disabled until the user corrects what has caused spry error messages. The script creator has made onpagechangestart event handler to allow for this. Description here http://www.dynamicdrive.com/dynamicindex16/formwizard_suppliment.htm. By returning false from this event handler, you disable the user's ability to go on to the next page until a value of true is returned.
How can I script for Spry validation to return false if it has errors from this event handler?
Thanks in advance for any help,

did you check this example:
http://labs.adobe.com/technologies/spry/samples/form_submission/Submit_and_Validate_Form.p hp.html

Similar Messages

How to use Spry validation with link styled submit buttons..??

I'm working with a theme package that comes with a bunch of button styles that work with basic links. For example:
<a href='page.html' class='small-button smallblue'><span>Button Label</span></a>
I've got a basic form setup with Spry validation, but the submit button needs some styling to make it look nice with the site. Since there are already styles ready for me to turn links into buttons I figured I'd use the same thing for my submit buttons.
To accomplish that, I'm using the following javascript...
<script type="text/javascript">
function submitForm() {
    document.getElementById("form_name").submit();
</script>
And then I'm updating my submit button to something like this...
<a href='javascript: submitForm()' class='small-button smallblue'><span>Button Label</span></a>
When I do this, the form submits as expected, but the Spry validation doesn't work. Is there a way I can make the Spry stuff work with these types of buttons? I know I could create separate styles for the submit buttons themselves, or I could use an image type button, but I'd really like to figure out how to get these existing styles to work for me since the theme already has so many of them done for me.
Any information on this would be greatly appreciated. Thanks!

Save yourself a lot of trouble and style the normal submit button as per
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
<style>
.Standout {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 16px;
    background-color: #CC0000;
    font-weight: bold;
    border-style: none;
    padding-top: 6px;
    padding-bottom: 5px;
    padding-right: 64px;
    padding-left: 64px;
    letter-spacing: 1px;
.Standout:hover {
    background-color: #000000;
</style>
</head>
<body>
<form action="" method="get" name="myform">
<span id="sprytextfield1">
<label for="text1"></label>
<input type="text" name="text1" id="text1">
<span class="textfieldRequiredMsg">A value is required.</span></span>
<input name="input" type="submit" class="Standout">
</form>
<script>
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur"]});
</script>
</body>
</html>
Gramps

I dont want to use adobe catalyst with my adobe muse forms!

I dont want to use adobe catalyst with my adobe muse forms!
I dont want to use third party plugins... Why? When I already bought Adobe Muse.
I just want to create a form in MUSE and have it simple and working - without catalyst.

So its really very good news for me, I will try it this week.
Thanks a lot mac_heibu, sorry for mismatch information.
You made my day, bro.

How to use Spry Validator without get all fields required

Hi,
I have a problem with a form were i use Spry Validator i want only 4 fields to be required but now all the fields are required and i don't know why.
Thanks for your help!

I get finally my answer by using this tutorial :
http://www.youtube.com/watch?v=EdkQUEpLHdk
Have nice day!

Is there an easy way to replace spry menus with jQuery menu system?

I just learned that Adobe is no longer using spry or that spry does not work on mobile devices. My entire site (built in CS5.5 moved to CS6) is built with 3 different spry menu systems. I have been told about jQuery, and many other menu system options. I work in design view and can copy and paste code, read code etc...but cant write it to save my life. I cannot seen to understsand how a different menu software system will integrate with DW especially when I use design view. My question is, is there an easy way to change my spry menu's? I have 2 spry menu bars, spry tabbed menus on EVERY page and a spry accordian menu that repeats on all pages. I am working with a template I built, so hopefully it is an easy fix.
Any walkthrough help would be greatly appreciated. Below is the code for my template minus the div set up.
</style>
<script src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryAccordion.js" type="text/javascript"></script>
<link href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<link href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<link href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css" />


</head>
<body>
<div id="container">
<div id="search">
    <form action="http://www.cft-aft.org" method="get" onSubmit="Gsitesearch(this)">
Search our website:<br />
<input name="q" type="hidden" />
<input name="qfront" type="text" style="width: 150px" /> <input type="submit" value="Search" />
</form>
</div>
<div id="top_nav_bar">
    <ul id="FT" class="MenuBarHorizontal">
      <li><a href="../index.html">Home</a></li>
      <li><a href="#" class="MenuBarItemSubmenu">Quick Links</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/quicklinkpdf/cftfinal2010_1.pdf" target="_blank">CFT CBA</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/quicklinkpdf/acpsopfinagree2010.pdf" target="_blank">CFOP (previously ACPSOP) CBA</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/quicklinkpdf/cftsalaryschedule.pdf" target="_blank">CFT Salary Schedule</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/strs_sers" target="_blank">STRS - SERS</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/healthcare" target="_blank">Health Care</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/newsliners" target="_blank">CFT Newsliners</a></li>
        </ul>
      </li>
      <li><a href="../buildingreps.html" target="_blank" class="MenuBarItemSubmenu">For BR's</a>
        <ul>
          <li><a href="../pdf_br/handbook13.14.pdf" target="_blank">2013-14 Handbook</a></li>
          <li><a href="../pdf_br/grievance.pdf" target="_blank">Grievance Form</a></li>
          <li><a href="../br_forms/assault.doc" target="_blank">Assault Form</a></li>
          <li><a href="../br_forms/notifyassault.dot" target="_blank">Notification of Assault Form</a></li>
          <li><a href="../br_forms/assaultleaverequest.dot" target="_blank">Request for Assault Leave</a></li>
          <li><a href="../br_forms/prsnlpropdmg.dot" target="_blank">Personal Property Damage Report</a></li>
          <li><a href="../br_forms/tchrselectionpanel.doc" target="_blank">Teacher Selection Panel Form</a></li>
          <li><a href="../br_forms/chptmtgsign.doc" target="_blank">Chapter Meeting Sign In Sheet</a></li>
          <li><a href="../br_forms/chptrmtgrept.doc">Chapter Meeting Report</a></li>
        </ul>
      </li>
      <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/contact.html" target="blank" class="MenuBarItemSubmenu">Contact Us</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/cft_acpsop_office" target="_blank">Office Information</a></li>
          <li><a href="Staff" _mce_href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/cft_acpsop_office">Staff">f ile:///C|/Users/kelly/Desktop/website2/cft.acpsop/cft_acpsop_office">Staff Contacts</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/pdf_contact/directions.pdf" target="_blank">Directions</a></li>
        </ul>
      </li>
    </ul>
<div align="center"></div>
</div>
<div id="fb">Content <a href="https://www.facebook.com/pages/Cincinnati-Federation-of-Teachers-Official/235429363160967" target="_blank"><img src="../images/facebooklogosm.gif" width="24" height="24" align="middle" /></a></div>
<div id="header"><img src="file:///C|/Users/kelly/Desktop/PS images for web/banner.jpg" width="980" height="155" /></div>
<div id="mid_nav_bar">
    <ul id="MenuBar2" class="MenuBarHorizontal">
      <li><a href="../unionbusiness.html" target="new" class="MenuBarItemSubmenu">Union Business</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/about" target="_blank">About Us</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/dues" target="_blank">Dues Structure</a></li>
          <li><a href="#" target="_blank">C.O.P.E</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/internal_comm" target="_blank">Internal Committees</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/joint_comm" target="_blank">Joint Committees</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">CFOP</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/acpsop" target="_blank">About ACPSOP</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/focus_newsletter" target="_blank">ACPSOP Newsletter</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/tuition_reim" target="_blank">Tuition Reimbursement</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/www.ohsers.org" target="_blank">SERS Updates</a></li>
          <li><a href="http://www.cincinnati-oh.gov/cityhr/pages/-4279-/" target="_blank">Civil Service Commission</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">CFT-R</a>
        <ul>
          <li><a href="#">About CFT-R</a></li>
          <li><a href="#">CFT-R Officers</a></li>
          <li><a href="#">CFT-R Meeting Schedule</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Professional Issues</a>
        <ul>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/tes" target="_blank">Teacher Evaluation System</a></li>
          <li><a href="#" target="_blank">Common Core</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/cit" target="_blank">Career In Teaching</a></li>
          <li><a href="http://staffnet.cps-k12.org/Staffnet/ProfDevFund/" target="_blank">PD Fund</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/rttt" target="_blank">RttT</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/fft" target="_blank">Fund for Teachers</a></li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/resources" target="_blank">Resources</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">Affilliates</a>
        <ul>
            <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/www.aft.org" target="_blank">AFT</a>            </li>
          <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/www.oft-aft.org" target="_blank">OFT</a></li>
          <li><a href="http://www.cincinnatiaflcio.org/" target="_blank">AFL-CIO</a></li>
          <li><a href="http://ohio.gov/" target="_blank">State of Ohio</a></li>
          <li><a href="http://www.ode.state.oh.us" target="_blank">OH Dept of Ed (ODE)</a></li>
        </ul>
      </li>
      <li><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/forms" target="_blank">Forms/Documents</a>      </li>
    </ul>
</div>
<div id="left_fill"></div>
<div id="news_zone">
    <div id="TabbedPanels1" class="TabbedPanels">
      <ul class="TabbedPanelsTabGroup">
        <li class="TabbedPanelsTab" tabindex="0">Hot Topics</li>
        <li class="TabbedPanelsTab" tabindex="0">News Zone</li>
      </ul>
      <div class="TabbedPanelsContentGroup">
        <div class="TabbedPanelsContent">Content </div>
        <div class="TabbedPanelsContent">Content 2</div>
      </div>
    </div>
</div>
<div id="events">
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Events</div>
        <div class="AccordionPanelContent">Content 1</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Announcements</div>
        <div class="AccordionPanelContent">Content 2</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab">Meeting Dates</div>
        <div class="AccordionPanelContent">Content 3</div>
      </div>
    </div>
</div>
<div id="right_fill"></div>
<div id="blue_line"></div>
<div id="button_bar">
    <table width="880" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr valign="middle">
        <td height="96" align="center"><a href="mailto:[email protected]" target="_blank"><img src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/images/kifbutton.jpg" width="242" height="72" border="0" align="middle" /></a></td>
        <td align="center"><a href="http://hq-afl.salsalabs.com/o/4013/c/505/getLocal.jsp" target="_blank"><img src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/images/legislature.jpg" width="242" height="72" border="0" align="middle" /></a></td>
        <td align="center"><a href="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/get_involved.html"><img src="file:///C|/Users/kelly/Desktop/website2/cft.acpsop/images/getinvolved.jpg" width="242" height="72" border="0" align="middle" /></a></td>
      </tr>
    </table>
</div>
<div id="footer"><img src="../images/footer.jpg" width="980" height="75" /></div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("FT", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var MenuBar2 = new Spry.Widget.MenuBar("MenuBar2", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
</script>
</body>
</html>
Thanks in advance
Kelly

These links point to files OUTSIDE your local site. Did you define your site in DW?
file:///C|/Users/kelly/Desktop/website2
Nancy O.

Using spry datasets with Googlemaps

I am using googlemaps with XML as the data source. I want to
have a spry data grid under my map that shows all of the map
points. I am already parsing the map point's XML into a javascript
array. Is it possible to use this array to populate a spry
datagrid? Most of the examples seem to be using xml or json as the
datasource but figured since google has parsed it for me that I
could just use their array as the datasource.

Hi,
We have a couple ways of putting data into data sets.
Check out:
http://labs.adobe.com/technologies/spry/samples/data_region/DataSetSample.html
I think that might be what you are looking for...
Hope this helps,
Don

How to use standard validator with custom component?

Hi folks!
I've implemented a custom component extending UIInput. My component worked well but now I want to use a standard validator.
How can I use it??
regards,
Steven

Validation is done by UIInput.validate() which is invoked by processValidators().
So, if you don't redefine these inherited methods they will invoke the
corresponding validators.

Using Spry Navigation with php includes in a Dreamweaver dwt file

I am working on a large site and am attempting to set up templates in Dreamweaver, which will include the navigation as an includes file with php. First of all, wondering if it is possible? Second, how do I address the problem of my pages being at different levels within the site? Very new to php coding, but my pages that are not connected to a template are working properly.
Thanks for your help.
Kim

Yeah! David! I don't know what you get paid, but it is not enough. After replacing the file, it is working. I did change the links in my index page and took off the /. But the menu is now showing on all the pages now that were having issues. I probably corrupted it somehow. I really appreciate your help with this. What a way to spend the holiday. I guess we are making it true to its name. This has definitely been laborous. If there is such a word.
Send me your address and i will mail you some of the best chocolate chip cookies.
Kim
P.S. Can I take my links down up there?

Spry validation and CFFORM

I am using Spry validation on some of my forms and noticed
that if I am using CFFORM, the validation works, but the form is
still allowed to submit if the validation fails. If I change the
cfform tags to regular form tags the validation works and the
submit is NOT allowed. I really need to use CFFORM. Does anyone
know what is happening here? Why is the form submitting even though
the spry validation failed. ???

Can we use onsubmit for simple form.
Like below
<form action="index2.php" method="post" name="loginForm"
id="loginForm" style="clear: both;" onsubmit="return
Spry.Widget.Form.validate(this)">
<span id="username">
<input name="username" id="username" type="text"
class="inputbox" size="15" />
<span class="textfieldRequiredMsg"> Username
required</span>
</span>
<span id="password">
<input name="passwd" id="password" type="password"
class="inputbox" size="15" />
<span class="textfieldRequiredMsg">Password
required</span>
</span>
<a onClick="loginForm.submit();"> Login </a>
</form>
<script type="text/javascript">

</script>

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 form objects

I have just been looking at the Spry validation form objects
like the textfileds and the checkboxes etc, and I like what I see,
but I wandered how I might deal with them once filled in and the
form is submitted.
Currently, I create forms manually and then use the Yaromat
Validate form which I think is really good. I create asp pages, so
I programme my email forms to be submitted by CDONTS. Once the form
is submitted it is then sent to a thank you page where the CDONTS
code is sitting, and is formatted into an email and sent to the
relevant email addresses.
If I chose to use Spry validation instead of the Yaromat
Check form, do I just carry on creating the CDONTS code on the
thank you page as I would do normally in order for the email to be
sent?
Thanks
Mat

You can specify addional error locations. See this example: http://labs.adobe.com/technologies/spry/samples/validationwidgets/Single_error_message_onS ubmit.html

Get generated rows by Spry with jQuery

i have a spry region like this
<table class="widget-elenco">
<tr spry:repeat="pv" spry:even="even" spry:odd="odd">
   <td>{soggetto_id}</td>
   <td>{codice_fiscale}</td>
   <td>{partita_iva}</td>
</tr>
</table>
the problem: i cant' get the generated rows by spry:repeat with jquery
i try with an observer, something like this
var myObserver = function(nType, notifier, data){
if (nType == 'onPostLoad') {
    $(function(){
      $('table.widget-elenco tr').each(function() {
        doSomething()
ds.addObserver(myObserver);
but this not woks :-/
i can to change "onPostLoad" to "onPreLoad" or "onDataChanged"
without solutions :-/
any idea?
many thanks!
Rob

hi gramps :-)
thanks for your reply!
here:
http://qubica.in/manager/soggetti/index.cfm
simple: i would "remove" the anti-estetic "onmouseover/onmouser" function added on a single <tr> for replace with a jquery function:
$(function(){
    $('table.widget-elenco tbody tr').mouseover(function() {
        $(this).addClass('ui-state-highlight');
     }).mouseout(function() {
        $(this).removeClass('ui-state-highlight');
yes, this is not a so important problem... :-) but, in general, the *REAL* question is "how do i get generated rows... using jQuery selector?"
something lijke this:
$(function(){
$('ELEMENTS-IN-SPRY-REGION').each(function() {
    doSomethings();
thanks!
Rob

Spry validation disables Submit button

Hey,
I'm using spry validation on text boxes and dropdown menu's
.. for some reason, on certain pages when the form is submitted and
validated, if there's a problem with one of the fields, the submit
button is disabled and won't enable again. Any ideas on how I can
stop this from happening?

Bump :o)

Spry Validation Select problem. It's not "sticking"

Used Spry validation a few times, no big deal. Insert the widget, tweak, upload, done.
I'm trying to validate one single drop down menu. I go to Insert, Spry Validation Select, I get the little blue "tab" thing attached to the drop down, and we're all good.
I close the doc, open it back up and it's no longer there. You can click on the drop down menu, and no blue tab comes up for the spry.
This doc is on a template, in an un-editable area.
It seems to write the code to the page, you can find it if you look, but it's just not working.
I know this is a long shot, but has anyone had this issue with Spry?
I've been screwing around with this one doc for days trying to figure it out. I even went as far as pulling a backup copy that had never been "spry'd" before and starting over.
Same result.
A page that should have the spry working is:
http://wolfe-florist-waco.com/online-flowers/ED-101.html
Thanks.

Suggest you start by cleaning up the code and validating the page
http://validator.w3.org/check?uri=http%3A%2F%2Fwolfe-florist-waco.com%2Fonline-flowers%2FE D-101.html&charset=%28detect+automatically%29&doctype=Inline&group=0
The link you posted is a page within a page (multiple Doctypes etc).
Are you using Server Side Includes to pull code into the page? If so, the Include cannot be a self-contained page. It must be a code fragment only so that when it's pulled into the page, the resultant code forms a complete, valid web page.

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!

Use Spry Validation with jQuery Form to Form Wizard (v1.1)

Similar Messages

Maybe you are looking for