Spry validation disappears - leaves widget code

I have added the spry validation to my form fields many
times. This particular form, I have had to add them twice already
and now I got an error that says the javascript for widgets that
are missing are still on the page. I see the widget javascript at
the bottom of my page in code view. I also see other changes I made
to the form fields at the same time that I added the spry
validation. So I am not imagining that I already did this.
What could have happened to make the validation disappear?
has this every happened to any of you?

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

Similar Messages

  • Spry Validation Text Field widget

    I want to make sure users insert a properly formatted email
    address, which I found out how to do here.
    http://livedocs.adobe.com/en_US/Spry/1.4/help.html?content=WSC7D22C22-1123-4e9b-8218-F317C DD39F2B.html
    The problem is that when the user inserts an invalid email
    address the text box stays red but no error message displays. How
    do I go about having the error message show. Right now it only
    shows if they leave the box blank.

    I went to
    http://labs.adobe.com/technologies/spry/demos/formsvalidation/
    to try to get an idea how they did their form and they have check
    marks and x to better define their section. It seems all the
    customizing requires knowledge of Javascript which I am not too
    strong in. I guess there is no menu driven method to duplicate that
    form.
    Looks like nobody else has played with form validation
    either.

  • Spry Validation Confirm Widget

    Ugh.  This is driving me nuts!
    I've used the Spry Validation Confirm Widget successfully before, but for some reason I can't spot, I get this error message every time I try to load the page: Spry.ValidationConfirm ERR: The element ConfirmPasswordWidget doesn't exists!
    The JS and CSS files are linked as follows in the head section.
    <!-- Link the Spry Validation Password JavaScript library -->
    <script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
    <!-- Link the CSS style sheet that styles the widget -->
    <link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
    <!-- Link the Spry Validation Confirm JavaScript library -->
    <script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
    <!-- Link the CSS style sheet that styles the widget -->
    <link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
    The code in the body looks like this:
          <form id="Passwordform" name="Passwordform" method="post" action="">
            <table>
              <tr>
                <td><label for="password1">Password:</label></td>
                <td><span id="ValidatePasswordWidget">
                  <input name="password1" type="password" id="password1" value="" size="20" maxlength="20"/>
                  <span class="passwordRequiredMsg">A value is required.</span>
                  <span class="passwordMinCharsMsg">The minimum number of characters not met.</span>
                  <span class="passwordMaxCharsMsg">The maximum number of characters exceeded.</span>
                  <span class="passwordInvalidStrengthMsg">The password strength condition not met.</span>
                  <span class="passwordCustomMsg">User defined condition not met.</span>
                  </span>
                </td>
              </tr>
              <tr>
                <td><label for="confirmpassword">Re-enter password </label></td>
                <td><span id="ConfirmPasswordWidget">
                  <input type="password" id="confirmpassword" value="" size="20" maxlength="20" />
                  <span class="confirmRequiredMsg">A value is required.</span>
                  <span class="confirmInvalidMsg">The values do not match</span>
                  </span>
                </td>
              </tr>
              <tr>
                <td> </td>
                <td><input type="submit" name="submit" value="Submit" />
                </td>
              </tr>
            </table>
          </form>
    The scripts are declared as follows:
    <script type="text/javascript">
       var sprytextfield1      = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur"], minChars:7, maxChars:7});
       var password1           = new Spry.Widget.ValidationPassword("ValidatePasswordWidget", {validateOn:["blur"], minAlphaChars:3, minNumbers:1, maxSpecialChars:2, minChars:3, maxChars:8});     
       var ConfirmWidgetObject = new Spry.Widget.ValidationConfirm("ConfirmPasswordWidget", "password1", {validateOn: ['blur']});  </script>
    The actual code is shown below (it doesn't allow me to attach it).
    I know this is a lot to ask, but can anyone see the reason why I'm getting this error?  Looks to me like ConfirmPasswordWidget exists!?
    Thanks in advance.
    <?php require_once('Connections/Unit174Conn.php'); ?>
    <?php if (!isset($_SESSION)) { session_start(); } ?>
    <?php
    if (!function_exists("GetSQLValueString")) {
    function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
      $theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
      $theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
      switch ($theType) {
        case "text":
          $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
          break;   
        case "long":
        case "int":
          $theValue = ($theValue != "") ? intval($theValue) : "NULL";
          break;
        case "double":
          $theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
          break;
        case "date":
          $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
          break;
        case "defined":
          $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
          break;
      return $theValue;
    $colname_rsACBLNumber = "-1";
    if (isset($_POST['ACBL_Number'])) {
      $colname_rsACBLNumber = $_POST['ACBL_Number'];
    mysql_select_db($database_Unit174Conn, $Unit174Conn);
    $query_rsACBLNumber = sprintf("SELECT * FROM unit174members WHERE ACBLNumber = %s", GetSQLValueString($colname_rsACBLNumber, "text"));
    $rsACBLNumber = mysql_query($query_rsACBLNumber, $Unit174Conn) or die(mysql_error());
    $row_rsACBLNumber = mysql_fetch_assoc($rsACBLNumber);
    $totalRows_rsACBLNumber = mysql_num_rows($rsACBLNumber);
    ?>
    <!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">
    <!-- InstanceBegin template="/Templates/Unit174_Template.dwt" codeOutsideHTMLIsLocked="false" -->
    <head>
    <meta name="verify-v1" content="PiJ9w6m8VEIvYazx7HJBGOw/d9FeOgKQ1+XlIli6oIE=" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>Register</title>
    <!-- InstanceEndEditable -->
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="Content-Language" content="en-us" />
    <meta http-equiv="Keywords" content="Houston, Bridge, ACBL, Duplicate, Unit 174, District 16, Texas, Results, Community Center, cards, Bridge Club, scores" />
    <meta name="Keywords" content="Houston, Duplicate Bridge, Duplicate, Bridge Unit 174, District 16, ACBL, Tracy Gee, Pech Road, JCC, Ace of Clubs" />
    <link href="css/Unit174.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
    <!-- InstanceBeginEditable name="head" -->
    <link href="css/table_design.css" rel="stylesheet" type="text/css" />
    <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
    <!-- Link the Spry Validation Password JavaScript library -->
    <script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>
    <!-- Link the CSS style sheet that styles the widget -->
    <link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />
    <!-- Link the Spry Validation Confirm JavaScript library -->
    <script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
    <!-- Link the CSS style sheet that styles the widget -->
    <link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
    <!-- InstanceEndEditable --><!-- InstanceParam name="Page_ID" type="text" value="Register" --><!-- InstanceParam name="class" type="text" value="Unit174" -->
    </head>
    <body class="Unit174" id="Register">
    <div id="container">
      <div id="header"> <img src="Photos/Pat_Levy.jpg"       alt="Pat Levy"       title="Pat Levy"        width="80" height="100" class="framed_image" /> <img src="Photos/Paul Cuneo.jpg"     alt="Paul Cuneo"     title="Paul Cuneo"      width="80" height="100" class="framed_image" /> <img src="Photos/John_Erickson.jpg"  alt="John Erickson"  title="John Ericson"    width="80" height="100" class="framed_image" /> <img src="Photos/Sue_Adamson.png"    alt="Sue Adamson"    title="Sue Adamson"     width="80" height="100" class="framed_image" /> <img src="Photos/Bob_Dowlen_2.jpg"   alt="Bob Dowlen"     title="Bob Dowlen"      width="80" height="100" class="framed_image" /> <img src="Photos/Lauri_Laufman.jpg"  alt="Lauri Laufman"  title="Lauri Laufman"   width="80" height="100" class="framed_image" /> <img src="Photos/Karen_Nimmons.jpg"  alt="Karen Nimmons"  title="Karen Nimmons"   width="80" height="100" class="framed_image" /> <img src="Photos/Robert_Reichek.png" alt="Robert Reichek" title="Robert Reichek"  width="80" height="100" class="framed_image" /> <img src="Photos/Joyce_Ryan.jpg"     alt="Joyce Ryan"     title="Joyce Ryan"      width="80" height="100" class="framed_image" />
        <h1>The Board of Directors of Houston Unit 174 of the ACBL</h1>
        <h4>Welcomes you to</h4>
        <h1>Houston Duplicate Bridge</h1>
        <!--End header div-->
      </div>
      <div id="NavContainer">
        <ul id="NavList" class="MenuBarHorizontal">
          <li><a href="index.html">Home</a></li>
          <li><a class="MenuBarItemSubmenu" href="#">Unit Pages</a>
            <ul>
              <li><a href="174calendar.htm">Unit 174 Calendar</a></li>
              <li><a href="board_of_directors.htm">Unit board of Directors</a></li>
              <li><a href="minutes.htm">Board Minutes</a></li>
              <li><a href="174finances.htm">Financial Reports</a></li>
              <li><a href="bylaws.htm" target="_blank">Bylaws</a></li>
              <li><a href="mailto:[email protected]">Sign up for Free E-mail Newsletter </a></li>
              <li><a href="http://www.unit174partnership.com/" target="_blank">Find a partner!</a></li>
              <li><a href="#" class="MenuBarItemSubmenu">Honors</a>
                <ul>
                  <li><a href="texas_star.htm">Texas Stars</a></li>
                  <li><a href="charity_committee.htm">Charity Committee</a></li>
                  <li><a href="goodwill_committee.htm">Goodwill Committee</a></li>
                </ul>
              </li>
              <li><a href="memberstats.htm">Membership Charts</a></li>
              <li><a href="Photo_Gallery/gallery.php">Photo Gallery</a></li>
              <li><a href="mapof_174.htm">Unit Map</a></li>
              <li><a href="map.htm">Map with Club Info</a></li>
              <li><a href="Past_Tournaments.htm">Past Tournament Results</a></li>
              <li><a href="club_special_events.htm">Club Special Events</a></li>
              <li><a href="swiss_teams.htm">Swiss Teams</a></li>
              <li><a href="Randall's cards.pdf">Randall's Cards</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Masterpoint Races</a>
            <ul>
              <li><a href="Ace_Of_Clubs.htm" target="_blank">Ace of Clubs</a></li>
              <li><a href="Mini-McKenney.htm" target="_blank">Mini-McKenney</a></li>
              <li><a href="unit_masterpoints.php">Unit masterpoint holdings</a></li>
              <li><a href="2008mpraces.htm">2008 All Races 100 deep</a></li>
            </ul>
          </li>
          <li><a class="MenuBarItemSubmenu" href="#">Newer Player Resources</a>
            <ul>
              <li><a href="novice_games.htm">Intermediate/Novice Games</a></li>
              <li><a href="askateacher.htm">Ask a teacher</a></li>
              <li><a href="bridgelessons.htm">Bridge Lessons</a></li>
              <li><a href="#" class="MenuBarItemSubmenu">Mentor-Mentee Games</a>
                <ul>
                  <li><a href="http://www.bridgeclubofhouston.org/" target="_blank">Bridge Club of Houston</a></li>
                  <li><a href="http://www.houstonbridgestudio.com/Mentor_Novice.htm" target="_blank">Houston Bridge Studio</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Club Web Pages</a>
            <ul>
              <li><a href="#" class="MenuBarItemSubmenu">Houston</a>
                <ul>
                  <li><a href="Club_Web_Pages/Ace_of_Clubs.htm" target="_blank">Ace of Clubs</a></li>
                  <li><a href="Club_Web_Pages/Apple.html" target="_blank">Apple</a></li>
                  <li><a href="Club_Web_Pages/Apple_Too.html" target="_blank">Apple Too</a></li>
                  <li><a href="Club_Web_Pages/Forest_Club.html" target="_blank">Forest Club</a></li>
                  <li><a href="http://www.houstonbridgestudio.com/" target="_blank">Houston Bridge Studio</a></li>
                  <li><a href="Club_Web_Pages/Lakeside.html" target="_blank">Lakeside</a></li>
                  <li><a href="Club_Web_Pages/Racquet_Club.html" target="_blank">Racquet Club</a></li>
                  <li><a href="Club_Web_Pages/River_Oaks.html" target="_blank">River Oaks</a></li>
                  <li><a href="Club_Web_Pages/Southwest.html" target="_blank">Southwest</a></li>
                  <li><a href="Club_Web_Pages/Spring_Branch.html" target="_blank">Spring Branch</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Northside</a>
                <ul>
                  <li><a href="Club_Web_Pages/april_sound.htm" target="_blank">April Sound</a></li>
                  <li><a href="http://www.bridgeclubofhouston.org/" target="_blank">Bridge Club of Houston</a></li>
                  <li><a href="Club_Web_Pages/conroe.htm" target="_blank">Conroe</a></li>
                  <li><a href="Club_Web_Pages/Kingwood.html" target="_blank">Kingwood</a></li>
                  <li><a href="Club_Web_Pages/lakeconroe.htm" target="_blank">Lake Conroe</a></li>
                  <li><a href="Club_Web_Pages/livingston.htm" target="_blank">Livingston</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Southside</a>
                <ul>
                  <li><a href="http://www.acblunit174.org/clearlak/clearlake.htm" target="_blank">Clear Lake</a></li>
                  <li><a href="http://www.acblunit174.org/pasadena/pasadena.htm" target="_blank">Pasadena</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Lake Jackson</a>
                <ul>
                  <li><a href="Club_Web_Pages/bar-x.htm" target="_blank">Bar-X</a></li>
                  <li><a href="Club_Web_Pages/diamond_duplicate.htm" target="_blank">Diamond</a></li>
                  <li><a href="Club_Web_Pages/gulf_coast.htm" target="_blank">Gulf Coast</a></li>
                </ul>
              </li>
              <li><a href="#" class="MenuBarItemSubmenu">Bryan/College Station</a>
                <ul>
                  <li><a href="Club_Web_Pages/aggieland.htm" target="_blank">Aggieland</a></li>
                  <li><a href="Club_Web_Pages/brazos.htm" target="_blank">Brazos</a></li>
                  <li><a href="Club_Web_Pages/briarcrest.htm" target="_blank">Briarcrest</a></li>
                  <li><a href="Club_Web_Pages/pebble_creek.htm" target="_blank">Pebble Creek</a></li>
                  <li><a href="Club_Web_Pages/star_duplicate.htm" target="_blank">Star</a></li>
                </ul>
              </li>
              <li><a href="#" target="_blank" class="MenuBarItemSubmenu">Sugar Land</a>
                <ul>
                  <li><a href="Club_Web_Pages/riverbender.htm" target="_blank">Riverbender</a></li>
                  <li><a href="Club_Web_Pages/sugarland_dbc.htm" target="_blank">Sugar Land</a></li>
                  <li><a href="Club_Web_Pages/Sugarland_Night.htm" target="_blank">Sugar Land Night</a></li>
                  <li><a href="Club_Web_Pages/valley_bend.htm" target="_blank">Valley Bend</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Scores</a>
            <ul>
              <li><a href="March.php">March</a></li>
              <li><a href="April.php">April</a></li>
              <li><a href="May.php">May</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">D16 &amp; ACBL Links</a>
            <ul>
              <li><a href="http://www.d16acbl.org/" target="_blank">District 16 Home Page</a></li>
              <li><a href="http://www.d16acbl.org/D16_Map.html" target="_blank">Map of District 16</a></li>
              <li><a href="http://www.d16acbl.org/D16_Results.html" target="_blank">District Tournament Results</a></li>
              <li><a href="http://www.d16acbl.org/D16_Calendar.html" target="_blank">District Calendar</a></li>
              <li><a href="http://www.d16acbl.org/D16_Scorecard.html" target="_blank">Scorecard</a></li>
              <li><a href="http://www.d16acbl.org/Honors/Jacoby/D16_Jacoby.html" target="_blank">Jacoby Awards</a></li>
              <li><a href="http://www.d16acbl.org/Honors/Texas_Star/D16_TexasStar.html" target="_blank">Texas Star Awards</a></li>
              <li><a href="http://www.acbl.org/" target="_blank">ACBL Home Page</a></li>
              <li><a href="http://web.acbl.org/CustomerLogin/login.do;jsessionid=0000zJMgbgs3BAR2ArmUm4Wn6Si:-1" target="_blank">Check your Masterpoints</a></li>
              <li><a href="http://web3.acbl.org/internet/AddressChangeApp.nsf/changeofaddress?OpenForm" target="_blank">Change info with ACBL</a></li>
              <li><a href="http://www.acbl.org/play/toolsSupplies.html" target="_blank">Make your own convention card</a></li>
              <li><a href="http://www.acbl.org/play/recent-results.php" target="_blank">Results of past NABCs</a></li>
              <li><a href="http://www.acbl.org/assets/documents/play/Laws-of-Duplicate-Bridge.pdf" target="_blank">Laws of Duplicate Bridge</a></li>
              <li><a href="#" class="MenuBarItemSubmenu">Find a club</a>
                <ul>
                  <li><a href="http://web2.acbl.org/As400/clubs/allClubs/uclub-TX.htm" target="_blank">Texas</a></li>
                  <li><a href="http://www.acbl.org/play/findClub.html" target="_blank">ACBL</a></li>
                </ul>
              </li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Non Bridge Links</a>
            <ul>
              <li><a href="http://www.aarpmagazine.org/games/" target="_blank">AARP Games</a></li>
              <li><a href="http://www.amazon.com/" target="_blank">Amazon.com</a></li>
              <li><a href="http://www.consumerworld.org/" target="_blank">Consumer World</a></li>
              <li><a href="http://www.onelook.com/" target="_blank">Dictionary</a></li>
              <li><a href="http://www.chron.com/" target="_blank">Houston Chronicle</a></li>
              <li><a href="http://www.google.com/" target="_blank">Google</a></li>
              <li><a href="http://maps.google.com/" target="_blank">Google Maps</a></li>
              <li><a href="http://www.b4-u-eat.com/" target="_blank">Houston Restaurant Guide</a></li>
              <li><a href="http://us.imdb.com/" target="_blank">Internet Movie Database</a></li>
              <li><a href="http://www.uclick.com/client/mma/uj/" target="_blank">Jigsaw Puzzle</a></li>
              <li><a href="http://patandlew.com/Movie%20Ratings.htm" target="_blank">Lew's Movie Reviews</a></li>
              <li><a href="http://medlineplus.gov/" target="_blank">Medical Information</a></li>
              <li><a href="http://www.netflix.com/" target="_blank">NetFlix</a></li>
              <li><a href="http://www.npr.org/" target="_blank">NPR</a></li>
              <li><a href="http://www.privateeye.com/?piid=06&" target="_blank">Public Info (Age, family)</a></li>
              <li><a href="http://www.yahoo.com/" target="_blank">Yahoo</a></li>
            </ul>
          </li>
        </ul>
        <!--End NavContainer div-->
      </div>
      <!-- InstanceBeginEditable name="Main_Content" -->
      <div id="container">
        <div id="mainContent">
          <h1>Register on the Unit 174 Web site</h1>
          <p>To begin the registration process, please fill in your ACBL number and click <strong>Submit</strong>.</p>
          <form action="<?php echo $editFormAction; ?>" method="post" name="registration_form" id="registration_form">
            <table>
              <tr>
                <td><label for="ACBL_Number">ACBL Number</label></td>
                <td><span id="sprytextfield1">
                  <input name="ACBL_Number" type="text" id="ACBL_Number" size="20" maxlength="20" />
                  <span class="textfieldRequiredMsg">A value is required.</span>
                  <span class="textfieldMinCharsMsg">Minimum number of characters not met.</span>
                  <span class="textfieldMaxCharsMsg">Exceeded maximum number of characters.</span>
                  </span>
                </td>
                <td><input type="submit" name="submit" id="submit" value="Submit" /></td>
              </tr>
            </table>
          </form>
          <?php
             if ( isset($_POST['ACBL_Number'])) {
               if ($totalRows_rsACBLNumber > 0)  { 
              echo "<p>Great - your ACBL number was found.  Now enter a password, and confirm it. </p>";
              ?>
          <form id="Passwordform" name="Passwordform" method="post" action="">
            <table>
              <tr>
                <td><label for="password1">Password:</label></td>
                <td><span id="ValidatePasswordWidget">
                  <input name="password1" type="password" id="password1" value="" size="20" maxlength="20"/>
                  <span class="passwordRequiredMsg">A value is required.</span>
                  <span class="passwordMinCharsMsg">The minimum number of characters not met.</span>
                  <span class="passwordMaxCharsMsg">The maximum number of characters exceeded.</span>
                  <span class="passwordInvalidStrengthMsg">The password strength condition not met.</span>
                  <span class="passwordCustomMsg">User defined condition not met.</span>
                  </span>
                </td>
              </tr>
              <tr>
                <td><label for="confirmpassword">Re-enter password </label></td>
                <td><span id="ConfirmPasswordWidget">
                  <input type="password" id="confirmpassword" value="" size="20" maxlength="20" />
                  <span class="confirmRequiredMsg">A value is required.</span>
                  <span class="confirmInvalidMsg">The values do not match</span>
                  </span>
                </td>
              </tr>
              <tr>
                <td> </td>
                <td><input type="submit" name="submit" value="Submit" />
                </td>
              </tr>
            </table>
          </form>
          <?php  } else {
                 echo "<p>I'm sorry, but that ACBL number was not found in the database.</p>" ;
                 echo "<p>If you are a member of Unit 174, and haven't joined in the past month, </P>";
                     echo "<p>contact the Unit webmaster at the e-mail link shown below.</p>" ;
             ?>
        </div>
      </div>
    <script type="text/javascript">
        var sprytextfield1      = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur"], minChars:7, maxChars:7});
            var password1           = new Spry.Widget.ValidationPassword("ValidatePasswordWidget", {validateOn:["blur"], minAlphaChars:3, minNumbers:1, maxSpecialChars:2, minChars:3, maxChars:8});
            var ConfirmWidgetObject = new Spry.Widget.ValidationConfirm("ConfirmPasswordWidget", "password1", {validateOn: ['blur']});
      </script>
      <!-- InstanceEndEditable -->
      <div id="footer"> <img src="images/ACBL Logo.gif" alt="ACBL Logo" width="58" height="55"class="left_image" /> <img src="images/Houston Logo-Small.png" alt="Unit 174 Logo" width="55" height="55" class="right_image"/>
        <h1>These pages &copy;ACBL Unit 174, All rights reserved.</h1>
        <p>This site maintained by the <a href="mailto:[email protected]">Unit 174 Webmaster</a>.</p>
        <p><a href="http://www.ACBLUnit174.org">www.ACBLUnit174.org</a></p>
        <!--End footer div-->
      </div>
      <!--End container div-->
    </div>
    <script type="text/javascript">
    <!--
    var MenuBar1 = new Spry.Widget.MenuBar("NavList", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    //-->
    </script>
    </body>
    <!-- InstanceEnd -->
    </html>
    <?php
    mysql_free_result($rsACBLNumber);
    ?>

    Folks -
    I have narrowed down the cause.
    This error appears if the form to which the confirm validation is applied is inside an if condition that is not met, causing the form not to appear in the html source.  It doesn't seem to affect the password validation similarly, just the confirm validation.
    Doesn't this have to be bug?  I'm not fluent in Javascript, so I'd sure appreciate someone telling my how to work around this.
    This is the structure that causes the error to be generated, but only when condition is FALSE.  If condition is TRUE, no error is generated.
    <?php if (condition) { ?>
      form with confirm validation
    <?php }; ?>
    Help anyone?

  • Filtering A Dataset Using the Spry Validation Select Widget

    Given the code below, how can I filter the rows in the
    ds_BestConvertingByCategory dataset (in the spry:repeat area) that
    match the product category (prodcat_id) selected in the Spry
    Validation select widget?
    // product categories table: columns - prodcat_id,
    prodcat_desc
    var ds_ProductCategories = new
    Spry.Data.XMLDataSet("category_qry2xml.php", "product/category",
    {useCache:false});
    // has prodcat_id column
    var ds_BestConvertingByCategory = new
    Spry.Data.XMLDataSet("product_qry2xml.php", "special/deals[type =
    'Best Converting']", {useCache:false});
    // Spry regions inside a TabbedPanel
    <div class="TabbedPanelsContent">
    <form id="formOffersByCategory" class="frmsprysel"
    name="formOffersByCategory" method="post" action="">
    <strong>Select a Product Category: </strong>
    <span spry:region="dsProductCategories"
    id="spryselectProductByCategory">
    <select spry:repeatchildren="ds_ProductCategories"
    name="offersByCategory" id="offersByCategory"
    onChange="ds_ProductCategories.setCurrentRowNumber(this.selectedIndex);">
    <option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}"
    value="{prodcat_id}"
    selected="selected">{prodcat_desc}</option>
    <option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}"
    value="{prodcat_id}">{prodcat_desc}</option>
    </select>
    </span>
    </form>
    <div id="offersbycategory"
    spry:region="ds_BestConvertingByCategory"
    class="SpryHiddenRegion">
    <table id="offersByCategoryTbl" width="100%">
    <tr class="colhdr">
    <th width="50%">Offer</th>
    <th width="50%">Code</th>
    </tr>
    <tr spry:repeat="ds_BestConvertingByCategory">
    <td width="50%">{displaytext}</td>
    <td width="50%">{offer_code}</td>
    </tr>
    </table>
    </div>
    </div>
    // Spry validation select widget
    var spryselectProductByCategory = new
    Spry.Widget.ValidationSelect("spryselectProductByCategory");

    Hi flipone01,
    To do this, make your region depend on both
    ds_ProductCategories and ds_BestConvertingByCategory, then use the
    spry:test attribute in conjunction with spry:repeat to weed out
    items that don't have the same product id:
    <div id="offersbycategory"
    spry:region="ds_BestConvertingByCategory ds_ProductCategories"
    <tr spry:repeat="ds_BestConvertingByCategory"
    spry:test="{ds_BestConvertingByCategory::productcat_id} ==
    {ds_ProductCategories::productcat_id}">
    </div>
    Remember that if you make a region depend on more than one
    data set, you need to switch to using fully qualified data
    references as the example above does (using the :: notation). If
    you don't do that the data references default to the first data set
    in the spry:region attribute.
    --== Kin ==--

  • 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 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 and ADDT DatePicker Widget

    I have a number of text fields which I applied Spry
    Validation to and set them to "required". These function correctly
    until I add a ADDT DatePicker widget to the form. Now the
    validation doesn't work.

    Hi Gabriele,
    technically speaking, ADDT and the Spry framework have about nothing in common, and you´re going to stumble across many compatibility-related issues when trying to use them together.
    Does anyone have a solution??
    any regular user who´d like to provide a solution to this, would have to be a pretty skilled programmer and would have to know the "technical details" of both ADDT and SPRY very well to be of help -- I don´t think that you´ll find many folks here who are capable to do that.
    However, why not making the date field required in ADDT ?
    Cheers,
    Günter Schenk
    Adobe Community Expert, Dreamweaver

  • Lost Spry Menu Widget Code

    Please help -
    I have somehow lost the code that allows me to use the SPry
    menu widget to edit my horizontal spry menu. The drop down menu I
    created for my site template using the Spry menu bar works fine and
    my page looks great when I preview. But now widget no longer
    exists. I still have all my original spry assets and CSS. It looks
    like I may have to recreate the page and drop downs all over again
    - -is there a way to "reimport" the spry assets and css to save
    time in recreating my page? Any idea why my widget code got
    deleted?

    You could change this part of the css file for the menu in
    your spry assets folder.
    SpryMenuBarVertical.css
    Try changing the 95% to -95%.
    /* Submenus should appear slightly overlapping to the right
    (95%) and up (-5%) with a higher z-index, but they are initially
    off the left side of the screen (-1000em) */
    ul.MenuBarVertical ul
    margin: -5% 0 0 95%;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: absolute;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    left: -1000em;
    top: 0;
    Also change this for the pointer gif that shows. Its in the
    SPryAssets folder also.
    Change the 95% to 2% and you can use Photoshop to flip the
    image to point to the right, or left direction.
    /* Menu items that are open with submenus have the class
    designation MenuBarItemSubmenuHover and are set to use a "hover"
    background image positioned on the far left (95%) and centered
    vertically (50%) */
    ul.MenuBarVertical a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    }

  • Spry validation issue with submit button

    Hi,
    I'm new to Spry but am having an issue getting it to work at all.  I created a very simply form (i.e. table with Spry text field and submit button).  I've read many articles and been to several forums, but I can't seem to find the issue I'm having.  Basically, when I go to preview the page in a browser, the table with the Spy text field and submit button comes up fine, but when I hit the submit button, I see the page refresh and any values I had in the text field disappear, but nothing ever comes up saying "A value is required," which is what I'm looking for. This happens even if I don't have any values in the text field.  Below are images of what I'm describing and also the code.  I verified that the "Required" check box is checked in the SpryTextField and the submit button action is selected to "Submit Form."  My setup is Win 7, DW6, & XAMPP.  Any help you can provide would be greatly appreciated.
    Before Submit Button pressed:
    Browser after button pressed: (same as above but no message saying "A value is required.")
    Code:
    <!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>Untitled Document</title>
    <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    test
    <table width="600" border="1">
      <tr>
        <td><form id="form1" name="form1" method="post" action="">
          <span id="sprytextfield1">
          <label for="test"></label>
          <input type="text" name="test" id="test" />
          <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span>
        </form></td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td><form id="form2" name="form2" method="post" action="">
          <input type="submit" name="submit" id="submit" value="Submit" />
        </form></td>
      </tr>
      <tr>
        <td> </td>
      </tr>
    </table>
    <script type="text/javascript">
    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "email");
    </script>
    </body>
    </html>

    Do yourself a big favor and don't waste time with Spry Validation.  Most modern browsers support HTML5 forms with the required attribute. 
    If you must placate older browsers, use jQuery validate script.  It's lightweight and works when HTML5 support is missing.  You can see an example below. If you hit submit with empty form fields, the required fields pop-up with messages.  View source in browser to see the code. 
    HTML5 Form with jQuery Validation
    Nancy O.

  • 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">
    > <!--
    > var sprytextarea1 = new
    Spry.Widget.ValidationTextarea("sprytextarea1",
    > {validateOn:["blur"]});
    > //-->
    > </script>
    > </body>
    > </html>
    >

  • Spry validation stops me writing a MySQL record

    Good morning,
    This is very strange and has been driving me nuts for a couple of days now. Using DW CS6/ Win 7/ IE 11/ FF/ Chrome.
    I had an application form that worked correctly, validated input and wrote a new record to a MySQL db. I had to develop a very similar web page so I took the existing page and updated it.
    I have found, after a lot of trial and error, that I can write a new record containing valid data but spry doesn't work - no validation and no hints appear in the text boxes. Or, I can get spry validation to work but the web page hangs when I try and write a new record.
    Amongst other changes, the old page had a checkbox which I deleted from the new page and there are no other checkboxes on the page. When i remove the js  "var sprycheckbox2 = new Spry.Widget.ValidationCheckbox("sprycheckbox2");" Spry validation works, hints appear etc but the page hangs when I click the "Next Step" button which should write to the db. if I leave the js for the widget in the page I don't get any spry validation or hints but the record is written to the db. In both cases I had commented out the link to "SpryValidationCheckbox.js".
    Here's a link to the version which has the widget http://www.hollisterairshow.com/rally/vendorApp2.php?blapp=inline&tspapp=inline&tfpapp=inl ine , this has no hints in the text boxes and spry validation doesn't happen at all, but it does write a record to the db. here's a link to the version where I commented out the js for the checkbox widget - it's the second one in the list of widgets at the end of the page. I made no other changes http://www.hollisterairshow.com/rally/vendorApp3.php?blapp=inline&tspapp=inline&tfpapp=inl ine
    It looks like the widgets were added at the end of the google analytics code but I don't know if this is relevant.
    I'm also getting widgets listed as missing when I open the page in DW, the checkbox I referred to is the first one listed below, could this be relevant? Do I just delete the js for each of the widgets listed?  Sorry if this is a basic question, I'm getting very confused at this point.
    i'd really appreciate some direction in trying to fix this.
    Thanks,
    Tony

    I took a look at jqueryvalidate and it looks straightforward, my only reservation is that it doesn't appear to support hints in the form fields e.g. in a zip code field "5 digit Zip" etc. I googled around and found yet another library that claims to do this. So now I'm looking at adding two libraries I'm not familiar with and rewriting my form.
    I was really hoping a fresh pair of eyes could spot something I'm missing - the old version of this form worked, and still works. When I added/ deleted a few fields to the new version my problems started.
    Thanks again..

  • Spry Validation in Spry Detail Region

    I am trying to pre-populate an "update" data form using a
    spry detail region. Basically a list of users is displayed on the
    left, and the detail in a tab on the right. A second "edit" tab
    displays a form that is populated with data from the spry dataset
    using a detail region (just as the first detail tab). However, the
    spry validations within the detail region do not work.
    Download
    this zip.
    Thanks for looking.

    Hi jmortimer,
    What you need to do is trigger the constructors for your
    validation widgets every time the region updates. To do this, you
    need to either move the constructor calls into your region, *or*
    call the constructors from an onPostUpdate observer on your region.
    To see an example of this, look here:
    http://labs.adobe.com/technologies/spry/samples/accordion/AccordionSample2.html
    Just a note ... don't move the constructor for your tabbed
    panel into the region. Leave it where it is today.
    --== Kin ==--

  • 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">
    <!--
    body {
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #550459;
    background: #383737;
    font-family: "Times New Roman", Times, serif;
    .oneColElsCtr #container {
    width: 1024px;
    background: #FFFFFF;
    text-align: left; /* this overrides the text-align: center on the body element. */
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    height: 100%;
    .oneColElsCtr #mainContent {
    background-color: #FFF;
    height: 100%;
    color: #550459;
    font-size: 10px;
    font-weight: bold;
    .oneColElsCtr #container #mainContent table tr td #Table_01 tr td #web_registration_form #just_submit {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    font-weight: bold;
    color: #550459;
    margin: 0px;
    padding: 0px;
    font-style: italic;
    height: 23px;
    vertical-align: baseline;
    border: 2px solid #999;
    background-color: #CCC;
    text-align: center;
    -->
    </style>
    <script src="SpryAssets/SpryValidationCheckbox.js" type="text/javascript"></script>
    <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
    <script type="text/javascript">
    <!--
    function MM_openBrWindow(theURL,winName,features) { //v2.0
      window.open(theURL,winName,features);
    //-->
    </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">
    <!--
    var sprycheckbox1 = new Spry.Widget.ValidationCheckbox("sprycheckbox1");
    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "phone_number", {format:"phone_custom", pattern:"0000000000"});
    //-->
    </script>
    </body>
    </html>

  • Text field spry validation over 2 table cells?

    Hello,
    This might be a real simple thing, but I can't figure it out. Can anyone  please help?
    I'm using DW CS3 and I'm building a contact form. I'm using DW's Spry  validation for my text field. It's an email field. I'd like to put the  label in one table cell and the input box in the adjacent cell. But I  can't figure out how. I'm using the attach label using 'for' attribute.
    Here is how DW writes the code:
                   <tr>
                        <td>
                             <span id="sprytextfield5">
                             <label for="email">Email</label>
                             <input type="text" name="emaill" id="emaill" />
                             <span class="textfieldInvalidFormatMsg">Invalid  format.</span></span>
                        </td>
                    </tr>
    As you can see, it's all in one cell.
    I've tried massaging the code every which way but then the widget doesn't  work.
    Please help!
    Thank you in advance!
    Claudia

    Hello,
    This might be a real simple thing, but I can't figure it out. Can anyone  please help?
    I'm using DW CS3 and I'm building a contact form. I'm using DW's Spry  validation for my text field. It's an email field. I'd like to put the  label in one table cell and the input box in the adjacent cell. But I  can't figure out how. I'm using the attach label using 'for' attribute.
    Here is how DW writes the code:
                   <tr>
                        <td>
                             <span id="sprytextfield5">
                             <label for="email">Email</label>
                             <input type="text" name="emaill" id="emaill" />
                             <span class="textfieldInvalidFormatMsg">Invalid  format.</span></span>
                        </td>
                    </tr>
    As you can see, it's all in one cell.
    I've tried massaging the code every which way but then the widget doesn't  work.
    Please help!
    Thank you in advance!
    Claudia

  • 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">
    <!--
    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
    var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3");
    var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5");
    var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6");
    var sprytextfield7 = new Spry.Widget.ValidationTextField("sprytextfield7", "zip_code");
    var sprytextfield8 = new Spry.Widget.ValidationTextField("sprytextfield8");
    var sprytextfield9 = new Spry.Widget.ValidationTextField("sprytextfield9");
    var sprytextfield12 = new Spry.Widget.ValidationTextField("sprytextfield12", "none");
    var sprytextfield14 = new Spry.Widget.ValidationTextField("sprytextfield14", "email");
    var sprytextfield15 = new Spry.Widget.ValidationTextField("sprytextfield15", "email");
    var sprytextfield17 = new Spry.Widget.ValidationTextField("sprytextfield17", "email", {validateOn:["change"], useCharacterMasking:true});
    var spryradio1 = new Spry.Widget.ValidationRadio("spryradio1", "preferredcontact");
    var sprytextfield13 = new Spry.Widget.ValidationTextField("sprytextfield13", "email");
    var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
    var spryradio2 = new Spry.Widget.ValidationRadio("spryradio2");
    var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4", "email");
    //-->
          </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">

Maybe you are looking for