Spry Validation in a Spry Detail Region

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 any help.

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

Similar Messages

How do I link a Spry data set with a detail region to a html web site?

I have created a spry data set with a detail region. It works well. However, I would like to have a link from the detail region to another html web site. Can anyone help with the code? Below is the spry data set.
<?xml version="1.0" encoding="utf-8"?>
<books>
<book>
<title>The Advnentures of Crunchy and Munchy Squirrel: Field Nuts</title>
<author>Levester Williams</author>
<image>images/portfolio/tn_adventuresOfCrunchyAndMunchySquirrel.jpg</image>
<description>This delightful book for young readers teaches the importance of obedience and always doing what you know is right.</description> I
<weblink >www.crunchyandmunchy.com</weblink>
</book>
<book>
<title>More Dirty Little Secrets</title>
<author> Dr. Claud Anderson and Brant Anderson</author>
<image>images/portfolio/tn_moreDirtyLittleSecrets.jpg</image>
<description>In More Dirty Little Secrets, Dr. Claud Anderson and his son Brant Anderson, piece together little known facts about Black people, thier achievements, influence, involvement, tribulations and present them with wit and humor.</description>
<weblink>http://powernomics.com/</weblink>
</book>
</books>

Hi,
In your html page, use the following notation:
<a href="http://{weblink}" title="{weblink}" target="_blank">{weblink}</a>
I hope this helps.
Ben

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

How Do I: Bind a YUI Calendar Widget to a Spry Master Detail Region?

Hello All,
Does anyone know how to bind a YUI Calendar widget to a Spry
master detail region? I have the dataset, yui calendar inserted but
no clue how to bind the two so my dataset populates the calendar
(Highlights dates that have a event) and when a date in the
calendar is clicked it shows in the details section.
I have found a tidbit or two via google but they don't deal
with the new yui cs4
widget. I have seen some video on adove tv that touches on
inserting the yui calendar into a spry dataset but not how to bind
the two together...
Any thoughts on this would be greatly appreciated.

You have to write some code that sets up a select callback on
the YUI side of things, and then set the current row of the data
set that matches that date.
Something like this:
var cal1 = new YAHOO.widget.Calendar("cal1","YUICal1");
cal1.render();
cal1.selectEvent.subscribe(function(type, args, obj)
// Get the selected date string from cal1.
var selectedDate = cal1.getSelectedDates()[0].getDate();
// Find the first row in the data set that has the
// selected date in it's "date" column.
var row = ds1.findRowsWithColumnValues({"date":
selectedDate}, true);
// If we have a matching row, make it the current row for
the data set.
if (row)
ds1.setCurrentRow(row.ds_RowID);
}, cal, true);
--== Kin ==--

Help with Spry Detail Regions, XML Data Sets, for IMG gallery

Hello,
I'm working on a site for a friend of mine, a photo gallery. You can see the gallery here, it's a temporary one I'm working on
http://www.emiliajozefa.com/a_index.html
Here are some important parts of my code:
//initially load these data sets. the function will be called by the links to update components later<script type="text/javascript">
     var intNumPhoto = 0;
     dsGallery = new Spry.Data.XMLDataSet("photofile.xml", "galleries/ride/photo");
     dsNav = new Spry.Data.XMLDataSet("photofile.xml", "galleries/ride");
     function updateSpryComponents(galleryDir){
          alert("updating spry components for " + galleryDir);
          intNumPhoto = 0;
          dsGallery = Spry.Data.XMLDataSet("photofile.xml", "galleries/" + galleryDir + "/photo");
          dsNav = Spry.Data.XMLDataSet("photofile.xml", "galleries/" + galleryDir);
          dsGallery.setCurrentRow(intNumPhoto);
          //document.getElementById('nav').innerHTML='<H1>'+enlarge.inp.value+'</H1>';
          document.getElementById('nav').innerHTML=
          "<span spry:detailregion = 'dsGallery'>
         <a href = 'javascript:' onclick = 'if(intNumPhoto > 0){intNumPhoto -= 1}; dsGallery.setCurrentRow(intNumPhoto);'><</a> {@id} / </span>
         <span spry:detailregion = 'dsNav'>{@numPhotos}
         <a href = 'javascript:' onclick = 'if(intNumPhoto < ({@numPhotos} - 1)){intNumPhoto += 1; }; dsGallery.setCurrentRow(intNumPhoto);'>></a>
         </span>";
</script> <--- later ---->
     <div id = "sideBarNav">
         <a href = "javascript:" onclick ='updateSpryComponents('ride');">Tannersville</a>
            <br />
          <a href = "javascript:" onclick = "updateSpryComponents('dive');">Dive</a>
        <br />
          <a href = "javascript:" onclick = "updateSpryComponents('poland');">Poland</a>
        <br />
          <a href = "javascript:" onclick = "updateSpryComponents('alaska');">Alaska</a>
    </div>
</div>
<div id = "content2">
     
     <div id = "fotoContainer" spry:detailregion="dsGallery"><img src = "photos/{@path}" width = "{@width}" height = "{@height}"/></div>
     
     <div id = "nav">
         <span spry:detailregion = "dsGallery" id = "galSpan">
         <a href = "javascript:" onclick = "if(intNumPhoto > 0){intNumPhoto -= 1}; dsGallery.setCurrentRow(intNumPhoto);"><</a> {@id} / </span>
         <span spry:detailregion = "dsNav" id = "navSpan">{@numPhotos}
         <a href = "javascript:" onclick = "if(intNumPhoto < ({@numPhotos} - 1)){intNumPhoto += 1; }; dsGallery.setCurrentRow(intNumPhoto);">></a>
         </span>
     </div>
You could view source there to get the code. Here is what I believe is my problem
I'm trying to automate the site so that when you click on one of the links on the left, without refreshing the page, the paths to the galleries xml file changes, and the spry Detail Regions (1 for the images, 1 for the navigation - left and right arrows). I think the problem is that once the link changes the set and calls my updateSpryComponenets() function, the detail regions need to be refreshed. I'm currently trying to solve this by dynamically rewriting the HTML thru .innterHTML, everytime I call updateSpryComponents().There may also be a problem in the Javascript function updateSpryControllers because if I put the alert after the spry calls, I never get the alert
Thanks in advance for any help!

Update:
Ok, the first query on the Recent tab doesnt work for me because it wont show unless its already voted, and since these are supposed to be new blurts, that kind of breaks the whole site:
"SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date, ratings.rating_id, Avg(ratings.rating_value) as average_r FROM ratings Left Join Blurt On ratings.rating_id = Blurt.Id_blurt Group By Id_blurt ORDER BY Blurt.`Date` DESC";
So I replaced it with what I originally had.
"SELECT Blurt.Id_blurt, Blurt.Name, Blurt.Location, Blurt.Blurt,Blurt.`Date`,DATE_FORMAT(Blurt.`Date`, '%l:%i %p on %M %D, %Y') as Date FROM Blurt ORDER BY Blurt.`Date` DESC";
But this doesn't provide me with the initial average rating:(

Spry Validation within Editable Region of Template

Hello all,
Spry Validation Field is not working on this page where the
code is within an editable region of a template based page:
http://www.nprducati.com/newsite/service.html
The same exact code works on a "normal" HTML page.
Anyone else encounter this or has any ideas why it's failing?
Rich

Spry validation would not be affected by being located within
a template
editable region, since editable regions are only indicated by
the use of
HTML comment tags, i.e., meaningless to a browser.
Most likely the problem is the link here -
<script src="SpryAssets/SpryValidationTextField.js"
type="text/javascript"></script>
It appears that you have not made the link properly in the
Template file,
since the corresponding link for the menu is this -
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
You might also want to take care of these errors -
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.nprducati.com%2Fnewsite%2Fser vice.html
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
==================
"Multistrada1100" <[email protected]> wrote
in message
news:flegqo$h60$[email protected]..
> Hello all,
>
> Spry Validation Field is not working on this page where
the code is within
> an
> editable region of a template based page:
>
>
http://www.nprducati.com/newsite/service.html
>
> The same exact code works on a "normal" HTML page.
>
> Anyone else encounter this or has any ideas why it's
failing?
>
> Rich
>

Displaying rendered HTML text in spry detail region

Hi,
I have just started to play around with DW CS3 & spry and
love them!
I have a Master/Detail spry going from my database, but am
having a problem displaying the detail the way I need it. The mySQL
field is a BLOB for some HTML formatted text (I get the text
elsewhere using a Xinha textarea edit widget and load the the
formatted HTML text into my db). For example, my string is
"<h2>this test</h2><strong>xyz</strong>"
which is loaded into my db. I am using the dreamweaver ADDT export
XML functionality to generate my spry master/detail region.
My detail region is displaying the correct html associated
with the selected master table entry, but it's with the HTML tags,
not rendered as HTML (I don't want to see
<h2>title</h2>; I'd like to see title with <H2>
formatting).
It's much like what I think a RSS feed would be, but can't
find a way just to get the html to render because I don't have the
files externally to source an iframe or anything. (I tried a XLS
fragment transformation, just putting the detail record field that
I want in an XLS file, but that didn't do anything).
Any kind of guidance, hint, point and laugh but then tell me,
would be greatly appreciated. I also posted at first at ADDT and
then General Dreamweaver because I didn't locate this forum in the
Forum topic list, so when I did find this I thought this is
obviously where I should have first posted - sorry if anyone has
also been surfing around. Thanks so much so any info.

Hi Don,
Thanks so much for responding. I actually did do that, but it
seems like I might be doing it in the wrong place. I tried it in
the .js that I have in my header:
var dsList = new Spry.Data.XMLDataSet("./export.php",
"theSpecials/special",{sortOnLoad:"rating",sortOrderOnLoad:"ascending",distinctOnLoad:tru e});
dsList.setColumnType("detail", "html");
which didn't do it. I also tried it right in my detail
display area:
<div style="overflow:hidden; width: 400px;"
spry:detailregion="dsList">
<div> 
<div id="detailDisplay" style="width:380px; "> 
<script
type="text/javascript">dsList.setColumnType("detail","html");</script>{dsList::detail}

</div> 
</div> 

</div>
Excuse the inline ugliness, will clean it up when it's
functional. But that doesn't seem to do it either. I am storing
that particular field as a blob in the mysql database, but I
already tried making that a VARCHAR which had no effect either.
Thanks so much for for the suggestion! Any other gems that I
can try?
Liz

Adding detail regions to Spry Menu bar

I'm trying to create a Spry horizontal menu bar so that when you click on the drop-down menu item it brings up detail regions pertaining to each drop down title. If I create a Spry data set and choose Master Detail Layout, the menu it creates is static, and I would like the list only to appear (drop down) when you rollover the menu bar title. Is there any way to do this? I'm very new to Dreamweaver so any help would be greatly appreciated.
–Bernie

I have not figured out how to make the background images
different in the menu and sub-menus but to add a background image
in general you must double click on the css rule
ul.menubarhorizontal ul under the css style bar "all rules" and
select background and then you can place a background image.
Depending on the image and how you would like it to display you
will want to alter the following options: repeat, attachment(not
really necessary for a menu bar image), horizontal and vertical
position.
I solved my menu bar issue by making the graphic long enough
to fill both the menu bar area of 118px (it just cuts off the
extra) and sub-menu area of 235px .
Here is a link to the site I am working on :
www.ssctestsite.org

Spry Table: size of detail regions

I have a table with 5 items. each item is linked to a
different image (the detail region).
I want to have different sizes of detail regions : so when I
click on item 1 of the table, the detail region (image) that opens
has a X size, and when I click on item 2 of the table, the detail
region (another image) that opens has a Y size. etc...
I am using an image placeholder to place the image of the
detail region: it may be the source of the problem. But if I don't
use an image placeholder, the image/detail region does not show.
Many thanks in advance

Hi..
For the Tabs... you can set the property to layout as matrix layout and set the property of the tabs 'stretchedHorizontally' & 'stretchedVertically' = x
for the table... select the columns in the table and check this property "resizable" if this one is checked.. remove that and try it.. so that your table will not get resized based on the DB data...
Hope this will help you
Regards
Raja

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

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

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

ADDT Datepicker and spry validation don't work together

Datepicker and spry validation don't work together
the problem is in: /includes/wdg/classes/MXWidgets.js
(necessary to datepicker)
Does anyone have a solution??
Thanks

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

Spry Validation in a Spry Detail Region

Similar Messages

Maybe you are looking for