Spry validation help

I am trying to learn how to use the Spry validation tools in
DW-CS3. I have another post about two email addresses in a form
that need to be the same, but I also have another question. This
one is actually in the same form. I have a question, "How can we
contact you?" and have 3 check boxes - email, phone, visit. I also
have 3 text boxes to be filled out that are email2, phone2, and
visit2. If the user checks one box (or 2 or 3), I would like to
have the user also fill in the text box that matches the check box.
In other words, what I want to prevent is the user clicking in
check boxes and not filling in the text box.

The Spry widgets cannot be controlled at this level of
granularity. You
would need to add this level of control manually, by adding
custom
javascript for client-side validation, or server script for
doing it after
the form is submitted.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Mr. Brownie" <[email protected]> wrote in
message
news:fm2m5m$rad$[email protected]..
>I am trying to learn how to use the Spry validation tools
in DW-CS3. I
>have
> another post about two email addresses in a form that
need to be the same,
> but
> I also have another question. This one is actually in
the same form. I
> have a
> question, "How can we contact you?" and have 3 check
boxes - email, phone,
> visit. I also have 3 text boxes to be filled out that
are email2,
> phone2, and
> visit2. If the user checks one box (or 2 or 3), I would
like to have the
> user
> also fill in the text box that matches the check box. In
other words,
> what I
> want to prevent is the user clicking in check boxes and
not filling in the
> text
> box.
>

Similar Messages

  • 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?

  • 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>

  • 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 not working in latest FF or Chrome

    Hello,
    A simple Spry validation script that we're using is not working in the latest editions of Firefox or Chrome. (However it is working in IE).  Meaning, it doesn't validate the form elements as it's supposed to (like missing email address) except for in IE. I can't seem to crack this one. Please have a look at the page:
    http://www.golfturf.rutgers.edu/lp/Copy%20of%203-week-turf-short-course-lp1.asp
    Any help would be appreciated. Thank you.

    Arnout,
    Thank you for your input and for catching that folder pointing issue. However I fixed that and it still didn't remedy the issue. I would update the the latest Spry but I'm not sure that's needed because I have another page using the same Spry where the validation is working perfect in all browsers:
    http://www.golfturf.rutgers.edu/ppc-turf-form.html
    Everything looks the same.
    Can you offer any more advice?
    Thank you,

  • 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

  • Spry Validation - Advanced Customization

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

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

  • Spry Validation Select ultimate beginner

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

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

  • Spry Validation

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

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

  • Spry Validation in Dreamweaver CC

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

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

  • Spry Validation For PHP Form

    Hello All,
    I am currently using the Spry Validation within Dreamweaver 5.1.1 and it was working in my development environment until yesterday. I did not change directories so I believe it is not an issue with my file structure.  Below you will see my baic form set up and for some reason, when I load my page, all of the spry error messages are visable. Previously, the page would load and it would not appear until there was an error after submitting the page.  Maybe I'm missing something but an extra pair of eyes does not hurt.  The ".textfieldRequiredMsg" class displays automatically when it is set in the css file to "display: none:".
    I'm stumped:
    <meta http-equiv="X-UA-Compatible" content="IE=100"> <!-- IE fights me on forms -->
    <title>Company Name</title>
    <link rel="stylesheet" href="css/style.css" media="screen">
    <!--[if IE]>
    <link rel="stylesheet" href="css/ie.css" media="screen"?
    <![endif] -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="js/jquery.placeholder.js"></script>
    <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
    </head>
    <body>
    <form action="calltoaction/contact.php" id="contact" style="margin-top: -20px;" method="post" name="contact">
                      <div class="row">
                            <div class="left"><span id="sprytextfield1">
                            <input id="name" placeholder="Name" type="text" name="Name" autofocus required>
                            <span class="textfieldRequiredMsg">A value is required.</span></span></div>  
                             <div class="left">
                               <input id="pharmacyname" placeholder="Pharmacy Name" type="text" name="BusinessName" required>
                            </div>               
                       </div>
              <div class="row">
              <div class="left">
                <input id="telephone" placeholder="Please provide your contact number" name="Phone" required>
               </div>
              <div class="left">
              <input id="email" placeholder="Email Address" name="Email" required>
             </div>
              </div>
              <div class="row">
                            <div class="left">
                                <div class="styledselect">
                                  <select style="width:400px; color: #898888; height: 42px;" tabindex="2" name="Subject" id="Subject">
                                    <option value="select">What can we help you with? Click to select an option.</option>
                                    <option value="website comments">New Website Comments</option>
                                    <option value="ordering">Ordering</option>
                                    <option value="order status">Order Status</option>
                                    <option value="csos">CSOS Setup</option>
                                    <option value="payments credits">Payments &amp; Credits</option>
                                    <option value="contact account manager">Contact My Account Manager</option>
                                    <option value="email list">Join Email List</option>
                                    <option value="monthly newsletter">Sign Up For Monthly Newsletter</option>
                                    <option value="rewards">Auburn REWARDS Free Goods</option>
                                    <option value="reset password">Reset User ID/Password</option>
                                    <option value="questions">Questions</option>
                                    <option value="suggestions">Suggestions</option>
                                    <option value="other">Other (Please Specify)</option>
                                  </select>
                                </div>
                                <!-- end select style-->
                </div>
              </div>
              <div class="commentbox">
                                  <div class="left">
                                    <textarea id="styled" placeholder="Please type your message here" name="Comments" required></textarea>
                                     </div>
              </div>
              <div class="row">
                                  <div class="left">
                                  <input type="image" src="images/contact_submit.png" name="submit" width="85" height="38" id="submitbutton">
                </div>
              </div>
                       <div class="row">
                        <div class="left required"><em>*All fields are required.</em></div>
              </div>
            </form>
    <script>
    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["change"]});
    </script>
    </body>
    </html>

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

  • Spry Validation-text field shows the "required" text even in initial state

    Hi,
    I'm having trouble with spry validation.
    I insert my spry textfied and go to the properties inspector where  I choose validate on "Blur" and "submit" for the Required state. I check the required box for the "required state" but the initial state will also have the "a value is required" text. If I try to delete the "a value is required" text from the initial state, the required state won't show this error.
    What should I do?
    Any help is much appreciated.
    Thank you.

    Hi, thanks so much for the reply
    Well the javascript came with the spry file that I downloaded from the adobe site.
    Here is my statement:
      <label for="name"><span class="style87">Name:</span></label>
                      <span id="sprytextfield1">
                      <input name="name" type="text" class="textInput" id="name" />
                      <span class="textfieldRequiredMsg">A value is required.</span>                  </span></p>
                  <p> <span class="style87">
                      <label for="email">Email:</label>
                      </span><span id="sprytextfield2">
                      <input name="email" type="text" class="textInput" id="email" />
                      <span class="textfieldRequiredMsg">A value is required.</span></span></p>
    This is the statement for the submit button:
      <span class="clearIt">
                      <input name="send" type="submit" id="send" onclick="MM_validateForm('username','','R','password','','R','name','','R','email','','R' ,'comments','','R');return document.MM_returnValue" value="Send comments" />
                    </span><span class="clearIt">
                    <input type="hidden" name="MM_insert" value="form1" />
    This is the javascript
    <script type="text/javascript">
    <!--
    function MM_validateForm() { //v4.0
      if (document.getElementById){
        var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
        for (i=0; i<(args.length-2); i+=3) { test=args[i+2]; val=document.getElementById(args[i]);
          if (val) { nm=val.name; if ((val=val.value)!="") {
            if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
              if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain an e-mail address.\n';
            } else if (test!='R') { num = parseFloat(val);
              if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
              if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
                min=test.substring(8,p); max=test.substring(p+1);
                if (num<min || max<num) errors+='- '+nm+' must contain a number between '+min+' and '+max+'.\n';
          } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is required.\n'; }
        } if (errors) alert('The following error(s) occurred:\n'+errors);
        document.MM_returnValue = (errors == '');
    //-->
    </script>
    This is at the bottom of the page:
    <script type="text/javascript">
    <!--
    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none");
    var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "none", {validateOn:["blur"]});
    //-->
    </script>
    Thank you for your help.

  • Spry validation textfield - required condition

    Can anyone help me with the Spry validation text field...
    I have a form for which I wish to be able to use for 1 to 4
    users to fill in, if at the beginning of the form they select 2
    users then I wish to then change the 'isRequired:false' to
    'isRequired:true' so that the details for user 2 then become
    required before the form submits... Is there a way I can do this?
    Thanks

    ...plz help me..

  • Spry Validation Conditional

    I'm trying to make the spry validation on a date form element required if a currency value is entered in another field in the form, I'm not much of a javascript man. This is what I thought should work but it doesn't.
    if(document.forms[1].AmountRec.value)==0 {
            spryRequired = false;
        }else{
            spryRequired = true;
    var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6", "date", {format:"dd/mm/yyyy", validateOn:["blur"], isRequired:spryRequired});
    Any ideas?

    http://www.spry-it.com/examples/spry-widget-validation-generation-and-destroy/
    Does this example help you out?
    It generates and destroys validations, based on selections made.

  • Spry Validation Text Box - Playing Nicely w/ Javascript

    Greetings-
    I'm using the Spry Validation Text Fields in a registration
    form I'm designing. I really like the validation they provide.
    However, I'm trying to get them to play nicely with a password
    validation Javascript code that gets called when the form is
    submitted:
    Form Example
    The password validation JS compares the two email fields to
    make sure they are both the same. The JS is called when the form is
    submitted.
    <SCRIPT LANGUAGE="JavaScript">
    <!-- Begin
    function checkPw(form) {
    pw1 = form.password.value;
    pw2 = form.password_confirm.value;
    if (pw1 != pw2) {
    alert ("\nYour password confirmation failed. Please enter
    your passwords again.")
    return false;
    else return true;
    // End -->
    </script>
    However, this disables the Spry text field validations. I'm
    most certain my "OnSubmit" code causes the Spry validation to not
    execute.
    Any gurus have some ideas around this?
    Thank you.

    Your are going to love this...
    I confirmed I have the constructor same as yours.  Only difference in your code and mine is I did not have the validateOn blur in the Javascript, but rather was using the default validation on submission.  However, I dutifully added that, just to replicate your test exactly and to look at apples to apples.  The code is still throwing up the validation messages.
    Stumped, I took a break, played a video game, cleared the mind and started the process of carefully and logically working the code for about the umpteenth time in the last 24 hours.
    Given this validation is working just fine on the page where new items are created, I laid out that pages code next to the edit page code and started going through line by line... and Eureka!  No reference in my edit page head to the SpryValidationTestField.js... (**red faced, banging head on desk**)
    That's 2 for 2 with you helping me realize its not the Spry code, so it must be something else and that something else, once again, was me.  The human error element.  If I hit strike three down the road I deserve a sound verbal thrashing...
    Once again I am in your debt and you have my gratitude!
    Thank you Gramps!

Maybe you are looking for