Spry validation textfield widget

I've followed the lynda.com tutorial
online
here & added the widget to my page in DWCS4.
I can preview the various states in the properties bar but it
is not working when I save the page & preview in my browser (or
live view).
My page is a php file - does this make any difference?

This is causing a JavaScript error and not allowing the Spry
JavaScript to run:
if (window.location.search.substring(1) != "")
window.frames['PropertiesFrame'].location.href =
http://powering.expertagent.co.uk/CustomSearch.aspx?ShowSearchFirst=false&aid={76C20EAB-05 89-4AEB-A7BE-CE3182F07285}&"
+
window.location.search.substring(1)
else
window.frames['PropertiesFrame'].location.href =
http://powering.expertagent.co.uk/default.aspx?aid={76C20EAB-0589-4AEB-A7BE-CE3182F07285}& dep=1"
Remove it and the Spry will run.
Ken Ford
Adobe Community Expert Dreamweaver/ColdFusion
Adobe Certified Expert - Dreamweaver CS3
Adobe Certified Expert - ColdFusion 8
Fordwebs, LLC
http://www.fordwebs.com
http://www.cfnoob.com
"Sirius7" <[email protected]> wrote in
message news:gi0mfo$ad0$[email protected]..
> Hi Ken
>
> Thanks - just unprotected the directory as it's still in
development...
>
>
http://www.designermagic.co.uk/hobarts/freemagazine.php
>
> I've not added validation to the dropmenu or checkboxes
yet.
>

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.

<script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>

<link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />

<script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>

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

<head>
<meta name="verify-v1" content="PiJ9w6m8VEIvYazx7HJBGOw/d9FeOgKQ1+XlIli6oIE=" />

<title>Register</title>

<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" />

<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" />

<script src="SpryAssets/SpryValidationPassword.js" type="text/javascript"></script>

<link href="SpryAssets/SpryValidationPassword.css" rel="stylesheet" type="text/css" />

<script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>

<link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />

</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>
    
</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 & 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>
    
</div>

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

<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 ©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>
    
</div>

</div>
<script type="text/javascript">

</script>
</body>

</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 textfield errors are appearing as regular text

I am trying to create a simple email contact form using two spry validation text fields and one spry validation textarea. I inserted a spry validation text field called "Name", and then a second below it called "email" and then a spry validation textarea called "message" I gave the email field an email validation to come on at Blur, and a textarea character count validation of no more than 400 characters. The problem is that the error messages are appearing as soon as the page is loaded, they are bypassing their initial states. They say: "A value is required.Invalid format." and "A value is required.Exceeded maximum number of characters."

I build a sample a while ago that shows you how to generate and destroy validations on the fly.
http://www.spry-it.com/examples/spry-widget-validation-generation-and-destroy/
Check out the source for how its done.

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 Textarea Widget "error: missing ) after argument list"

Hi all,
I'm trying to apply validation on textarea in one of my forms but it keeps giving me the same error msg in Firefox "missing ) after argument list". Funny thing is that the line witch initiate the textarea object is one on one from the Spry Framework Documentation!
Here is fragment of the form code:
<label id="cContentCont">
     <span class="cFormTag">Comment: <span id="charCounter"></span></span>
     <textarea name="comContent" id="comContent"></textarea>
     <span class="textfieldRequiredMsg"></span>
</label>
Here is the code that initialize this object:
var sprytextarea1    = new Spry.Widget.ValidationTextarea("cContentCont" {maxChars:100, counterType:"chars_remaining", counterId:"charCounter"} ) ;
I have also 2 other text inputs befor that element and they are working just fine befor i initiate that particular textarea!
I can't see an error or missing argument in this line, please if somebody encounter the same problem and have solution I be glade to share his experience!
Thanks !

Your code is missing a comma after "chars_remaining" as in
var sprytextarea1 = new Spry.Widget.ValidationTextarea("cContentCont", {maxChars:100, counterType:"chars_remaining", counterId:"charCounter"});
Hope this helps,
Ben

Spry Validation Textarea

Does anybody have a solution for keeping the Spry Validation Textarea from resizing in Firefox?
Example at http://thebfpd.org/contact.htm. Just clicking in the textarea causes it to resize then starting to type causes it to shrink even more.
Also, why does the Spry Validation Textarea have a different default font than the Spry Validation Textfield? textfield=san serif textarea = serif

Just tried adding
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.2.0/build/cssreset/reset-min.css">
as suggested in another post Spry Menu Bar IE v FF.
Well, that took care of the mis-matched fonts but now the textarea box grows when you click on it and then grows more when you start typing.
Suggestions?

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

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!

Spry Validation on submit in Firefox doesn't work

Hello,
I have some forms that use spry validation, everything works
great and as expected in IE, but in Firefox the validation fails to
work on submit of the form, but does work onblur of the text box's?
so it partially works just not on form submit. So if someone came
and just clicked the submit button the form wouldn't validate, but
if someone did what they are suppose to and fill in name, email...
the validation works as you tab to the next form element.
I don't have the website online, to show... any idea's, why
this may happen only in firefox?
Thanks,

Hi cchauvin08,
If you can't post your page on the web for others to see,
then perhaps you can paste the relevant markup/code. For example,
what type of inputs are you using? You said "text box" do you mean
a TextArea or a TextField? What does the widget constructor for
that particular validation field look like? What does the markup
look like, including the markup for the <form> tag?
We're going to need more info due to the fact that some of
these validation widgets have multiple configurations (types of
validation).
--== Kin ==--

Spry Validation Error in Internet Explorer

Hi,
I have a PHP form with Spry Validation for Textfields and Selction.
The init part in the HTML form looks like this:
      var spryradioanrede = new Spry.Widget.ValidationRadio("spryradioanrede", {isRequired:true, validateOn:["change,blur"]});
       var sprytextfieldvorname = new Spry.Widget.ValidationTextField("sprytextfieldvorname", "none", {isRequired:true, validateOn:["change,blur"]});
       var sprytextfieldnachname = new Spry.Widget.ValidationTextField("sprytextfieldnachname", "none", {isRequired:true, validateOn:["change,blur"]});
       var sprytextfieldstrasse = new Spry.Widget.ValidationTextField("sprytextfieldstrasse", "none", {isRequired:true, validateOn:["change,blur"]});
       var sprytextfieldhausnummer = new Spry.Widget.ValidationTextField("sprytextfieldhausnummer", "none", { validateOn:["change,blur"]});
       var sprytextfieldplz = new Spry.Widget.ValidationTextField("sprytextfieldplz", "none", {useCharacterMasking:true, pattern:"00000", validateOn:["change,blur"]});
       var sprytextfieldort = new Spry.Widget.ValidationTextField("sprytextfieldort", "none", {isRequired:true, validateOn:["change,blur"]});
       var sprytextfieldemail = new Spry.Widget.ValidationTextField("sprytextfieldemail", "email", { validateOn:["change,blur"]});
       var sprytextfieldvorwahl = new Spry.Widget.ValidationTextField("sprytextfieldvorwahl", "none", {validation:isNumeric,isRequired:false, validateOn:["change,blur"]});
       var sprytextfieldrufnummer = new Spry.Widget.ValidationTextField("sprytextfieldrufnummer", "none", {validation:isNumeric, isRequired:false, validateOn:["change,blur"]});
       var sprytextfieldausweisnummer = new Spry.Widget.ValidationTextField("sprytextfieldausweisnummer", "none", {validation:isValididentitycard, validateOn:["blur"]});
       var sprytextfieldstaatsangehoerigkeit = new Spry.Widget.ValidationTextField("sprytextfieldstaatsangehoerigkeit", "none", {isRequired:true, validateOn:["change,blur"]});
       var spryselectfieldtag = new Spry.Widget.ValidationSelect("spryselectfieldtag", {isRequired:true, validateOn:["change,blur"]});
       var spryselectfieldmonat = new Spry.Widget.ValidationSelect("spryselectfieldmonat", {isRequired:true, validateOn:["change,blur"]});
       var spryselectfieldjahr = new Spry.Widget.ValidationSelect("spryselectfieldjahr", {isRequired:true, validateOn:["change,blur"]});
When loading the page an error in Internet Explorer 8 occures:
Error Details from IE:
Benutzer-Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.04506.30; MDDR; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Zeitstempel: Mon, 31 Aug 2009 08:54:38 UTC
Meldung: 'this.input.defaultValue' ist Null oder kein Objekt
Zeile: 1734
Zeichen: 2
Code: 0
URI: http://.../SpryAssets/SpryValidationTextField.js
When loading the page the first time it's not a big problem. But when the users enters some unvalid data the page lodes again and in the onload section from the body the function validateall is startet.
function validateall()    {
                status = 0;
                status += spryradioanrede.validate();
                status += sprytextfieldvorname.validate();
                status += sprytextfieldnachname.validate();
                status += sprytextfieldstrasse.validate();
                status += sprytextfieldstrasse.validate();
                status += sprytextfieldplz.validate();
                status += sprytextfieldort.validate();
                status += sprytextfieldemail.validate()
                status += sprytextfieldvorwahl.validate();
                status += sprytextfieldrufnummer.validate();
                status += sprytextfieldausweisnummer.validate();
                status += sprytextfieldstaatsangehoerigkeit.validate();
                status += spryselectfieldtag.validate();
                status += spryselectfieldmonat.validate();
                status += spryselectfieldjahr.validate();
                if (status < 15) {
                    return 0;
                } else {
                    return 1;
The error occurs again and the validation is not yet done. Which means, that the fields with problems will not be marked. When entering the field afterward and changing or blur everything works ok and the field is marked in red. Only the onload is not working.
Any ideas, what the problem is?
Thank
Michael

It seems to be an Error in Spry,
Open the SpryValidationTextField.js
find:
Spry.Widget.ValidationTextField.prototype.reset = function() {
     this.removeHint();
     this.oldValue = this.input.defaultValue;
     this.resetClasses();
     if (Spry.is.ie) {
          //this will fire the onpropertychange event right after the className changed on the container element
          //IE6 will not fire the first onpropertychange on an input type text after a onreset handler if inside that handler the className of one of the elements inside the form has been changed
          //to reproduce: change the className of one of the elements inside the form from within the onreset handler; then the onpropertychange does not fire the first time
          this.input.forceFireFirstOnPropertyChange = true;
          this.input.removeAttribute("forceFireFirstOnPropertyChange");
     var self = this;
     setTimeout(function() {self.putHint();}, 10);
and replace with:
Spry.Widget.ValidationTextField.prototype.reset = function() {
     this.removeHint();
     this.oldValue = this.input && this.input.defaultValue ? this.input.defaultValue : "";
     this.resetClasses();
     if (Spry.is.ie) {
          //this will fire the onpropertychange event right after the className changed on the container element
          //IE6 will not fire the first onpropertychange on an input type text after a onreset handler if inside that handler the className of one of the elements inside the form has been changed
          //to reproduce: change the className of one of the elements inside the form from within the onreset handler; then the onpropertychange does not fire the first time
          this.input.forceFireFirstOnPropertyChange = true;
          this.input.removeAttribute("forceFireFirstOnPropertyChange");
     var self = this;
     setTimeout(function() {self.putHint();}, 10);
To see if it helps

Spray validation TextField placement

Hi everyone,
I am having possibly quite easy problem for most of you with placing Spray validation TextField.
I am trying move to the left this field by fixed number of pixels. My code looks like:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
.form_container {
height: 400px;
width: 960px;
border: 1px solid #000;
</style>
<link href="SpryValidationTextField.css" rel="stylesheet" type="text/css">
<script src="SpryValidationTextField.js" type="text/javascript"></script>
</head>
<body>
<div class="form_container">
<p> </p>
<form name="form1" method="post" action="">
    <span id="nameTextField">
    <label for="name"></label>
    <input type="text" name="name" id="name">
    <span class="textfieldRequiredMsg">A value is required.</span></span>
</form>
</div>
<script type="text/javascript">
var sprytextfield1 = new Spry.Widget.ValidationTextField("nameTextField", "none", {validateOn:["blur"], hint:"Your Name"});
</script>
</body>
</html>
If you know how to move this field to the right please let me know.
Thanks in advance.

Adding
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg
    margin-left: -50px;
will produce the following result

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

Spry validation textfield widget

Similar Messages

Maybe you are looking for