Spry Validation issue.

I'm trying to use spry validation to have some informative
text disappear from a text area when the user clicks on the text
area. Attached is my code. What am I doing wrong?

Change the textarea to be empty:
<textarea name="JobDescription" id="JobDescription"
cols="45" rows="5"></textarea>
Then add a hint in the Spry:
var sprytextarea1 = new
Spry.Widget.ValidationTextarea("sprytextarea1",
{validateOn:["blur"], hint:"Please include as much
information as possible, such as span, pitch, area and area
of specialty trusses, in addition to any information you believe to
be
needed."});
The above needs to be on one line.
Ken Ford
Adobe Community Expert - Dreamweaver/ColdFusion
Fordwebs, LLC
http://www.fordwebs.com
"jgeisler" <[email protected]> wrote in
message news:[email protected]...
> I'm trying to use spry validation to have some
informative text disappear from
> a text area when the user clicks on the text area.
Attached is my code. What am
> I doing wrong?
>
> <script src="SpryAssets/SpryValidationTextarea.js"
> type="text/javascript"></script>
> <link href="SpryAssets/SpryValidationTextarea.css"
rel="stylesheet"
> type="text/css" />
> </head>
>
> <body>
> <label></label>
> Name:
> <label>
> <input type="text" name="Name" id="Name" />
> </label>
> <p>Address:
> <label>
> <input name="Address" type="text" id="Address" />
> </label>
> </p>
> <p>City:
> <label>
> <input name="City" type="text" id="City" />
> </label>
> </p>
> <p>State:
> <label>
> <input name="State" type="text" id="State" />
> </label>
> </p>
> <p>ZIP Code:
> <label>
> <input name="ZIP Code" type="text" id="ZIP Code"
/>
> </label>
> </p>
> <p>Phone #:
> <label>
> <input name="Phone #" type="text" id="Phone #" />
> </label>
> </p>
> <p>Email:
> <label>
> <input type="text" name="Email" id="Email" />
> </label>
> </p>
> <p>Description of Job:</p>
> <p><span id="sprytextarea1">
> <label>
> <textarea name="Job Description" id="Job Description"
cols="45"
> rows="5">Please include as much information as
possible, such as span, pitch,
> area and area of specialty trusses, in addition to any
information you believe
> to be needed.</textarea>
> </label>
> <span class="textareaRequiredMsg">A value is
required.</span></span></p>
> <p>
> <label>
> <input type="submit" name="button" id="button"
value="Submit" />
> </label>
> </p>
>
> <script type="text/javascript">
> 
> </script>
> </body>
> </html>
>

Similar Messages

Spry validation issue with submit button

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

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

Spry validation text field issue

I've put several spry validation text fields on my site and
you can still click through to the next page without having to
enter any information. What am I missing?

Think I figured it out.
http://www.adobe.com/devnet/dreamweaver/articles/spry_form_validations.html

Spry validation not working in latest FF or Chrome

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

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

Mailto form with spry validation won't open in IE

Hi,
I've created a mailto: form using Spry validation fields and have two issues.
1. I create the form, transfer it to the webserver and the validation fields work. But when I reopen the form in Dreamweaver to make changes, an error window comes up saying that there are widgets that no longer exist and some of the fields have lost their validation code.
2. The form works fine in Firefox, but in IE, you click Submit, it brings up the email window, but the content is empty.
Any suggestions would be greatly appreciated.
Here is the code:
        <form action="mailto:[email protected]" method="post" enctype="text/plain" name="review" id="review">
        <p> <span class="style9">
          <label><span class="style2">*</span><span class="style9">Title</span>
            <select name="Title" id="Title">
              <option selected>Mr.</option>
              <option>Mrs.</option>
              <option>Miss.</option>
              <option>Ms.</option>
            </select>
          </label>
</span>
            <span id="sprytextfield1">
        <span class="style2">*</span>
        <label><span class="style9">First name</span>
<input name="firstname" type="text" id="firstname" size="30">
        </label>
        <span class="textfieldRequiredMsg">A value is required.</span></span>
        <label><span class="style9">Middle Initial</span>
<input name="middleinitial" type="text" id="middleinitial" size="5">
        </label>
        <span id="sprytextfield3" class="style9">
        <span class="style2">*</span>
        <label><span class="style9">Last Name</span>
          <input name="lastname" type="text" id="lastname" size="30">
        </label></span>
        <p class="style2"><strong>STREET ADDRESS</strong></p>
        <p>
          <label><span class="style2">*</span><span class="style9">Street Address </span>
            <input name="streetaddress" type="text" id="streetaddress" size="100">
         </label>
          </p>
        <p>
          <span class="style9">
          <label>Apartment/Other
            <input name="apt" type="text" id="apt" size="100">
          </label>
          </span></p>
        <p><span class="style9" id="sprytextfield6">
          <label><span class="style2">*</span>City/Town
            <input name="city" type="text" id="city" size="75">
          </label>
        </span><span class="style9">     <span id="sprytextfield7">
          <span class="style2">*</span>
          <label><span class="style9">Zip Code</span>
            <input type="text" name="zipcode" id="zipcode">
          </label>
        </span></p>
        <p class="style2">MAILING ADDRESS (IF DIFFERENT FROM STREET ADDRESS)</p>
        <p>
          <label><span class="style9">Street Address
            <input name="mailingstreet" type="text" id="mailingstreet" size="100">
          </span></label>
        </p>
        <p class="style9">
          <label>RR/PO/Apt.
            <input name="mailingPO" type="text" id="mailingPO" size="100">
          </label>
        </p>
        <p>
          <label><span class="style9">City/Town</span>
            <input name="city2" type="text" id="city2" size="75">
          </label>
          <span class="style9">
          <label>Zip Code
            <input type="text" name="mailingzip" id="mailingzip">
          </label>
          </span></p>
        <p class="style2">CONTACT INFORMATION</p>
        <p><span class="style9" id="sprytextfield12">
        <label><span class="style2">*</span>Home Phone
          <input type="text" name="homephone" id="homephone">
        </label>
        </span><span class="style9">
        <label>Work/Other Phone
          <input type="text" name="workphone" id="workphone">
</label>
</span></p>
        <p class="style9"><span id="sprytextfield17">
        <label><span class="style2">*</span>Email
          <input name="email" type="text" id="email" size="75">
        </label>
        <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span>          </p>
        <p class="style9"><span id="sprytextfield4">
        <label><span class="style2">*</span>Re-Enter Email
          <input name="reenteremail" type="text" id="reenteremail" size="75">
        </label>
        <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span></p>
        <div id="spryradio2">
          <table width="587">
            <tr>
              <td colspan="3"><p class="style9"><span class="style2">*</span>Preferred Contact</p></td>
            </tr>
            <tr>
              <td width="92"><p>
                <span class="style9">
                <label>
                  <input type="radio" name="PreferredContacts" value="email" id="PreferredContacts_0">
                  Email</label>
              </span></p></td>
              <td width="200" class="style9"><p class="style9">
                <label>
                  <input type="radio" name="PreferredContacts" value="workphone" id="PreferredContacts_2">
                  Work/Other Phone</label>
              </p></td>
              <td width="279" rowspan="2" class="style9"> <p><span class="radioRequiredMsg">Please make a selection.</span></p></td>
            </tr>
            <tr>
              <td><p>
                <span class="style9">
                <label>
                  <input type="radio" name="PreferredContacts" value="homephone" id="PreferredContacts_1">
                  Home Phone</label>
              </span></p></td>
              <td class="style9"><p class="style9">
                <label>
                  <input type="radio" name="PreferredContacts" value="usmail" id="PreferredContacts_3">
                  U.S. Mail</label>
              </p></td>
            </tr>
          </table>
                 </div>
        <p class="style9"><span id="sprytextfield16"><span id="sprytextfield11"><span id="sprytextfield2">
          <label><span class="style2">*</span>Birth Date (mm/dd/yyyy)
            <input type="text" name="birthdate" id="birthdate">
          </label>
          <span class="textfieldRequiredMsg">A value is required.</span></span><span class="textfieldRequiredMsg">A value is required.</span></span><span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Invalid format.</span></span> </p>
        <p>
          <label><span class="style9">School (If Attending)</span>
            <input name="school" type="text" id="school" size="75">
          </label>
          <span><br>
          <span class="radioRequiredMsg">Please make a selection.</span></span></p>
        <p>
        <span class="style9">
        </span>
          <span class="style9">
          <label>
            <div align="center">
            <div align="center">
              Submit
              <input type="submit" name="submit" id="submit" value="Submit">
              Reset
              <input type="reset" name="reset" id="reset" value="Reset">
          </div>
          </label>
          </span>
        </form>
        <p> </p>
      <script type="text/javascript">

      </script>

Have a look at the following
        <p class="style9"><span id="sprytextfield16"><span id="sprytextfield11"><span id="sprytextfield2">          <label><span class="style2">*</span>Birth Date (mm/dd/yyyy)            <input type="text" name="birthdate" id="birthdate">
          </label>
There are no inputs for the following
var sprytextfield5 = new Spry.Widget.ValidationTextField("sprytextfield5");
var sprytextfield6 = new Spry.Widget.ValidationTextField("sprytextfield6");
var sprytextfield8 = new Spry.Widget.ValidationTextField("sprytextfield8");
var sprytextfield14 = new Spry.Widget.ValidationTextField("sprytextfield14", "email");
var sprytextfield15 = new Spry.Widget.ValidationTextField("sprytextfield15", "email");
var spryradio1 = new Spry.Widget.ValidationRadio("spryradio1", "preferredcontact");
var sprytextfield13 = new Spry.Widget.ValidationTextField("sprytextfield13", "email");
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
Don't do this, it invites BIG trouble
<form action="mailto:[email protected]" method="post" enctype="text/plain" name="review" id="review">

Spry Validation Checkbox with an ASP button

Is there any way to get the Spry Validation Check box
JavaScript to fire when a asp button is clicked. I noticed that is
was originally written for an HTML submit type. If my question
seems juvenile I apologize but my brain is racked with other issues
concerning the web page I am developing. Thanks in advance

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

Spry Validation For PHP Form

Hello All,
I am currently using the Spry Validation within Dreamweaver 5.1.1 and it was working in my development environment until yesterday. I did not change directories so I believe it is not an issue with my file structure. Below you will see my baic form set up and for some reason, when I load my page, all of the spry error messages are visable. Previously, the page would load and it would not appear until there was an error after submitting the page. Maybe I'm missing something but an extra pair of eyes does not hurt. The ".textfieldRequiredMsg" class displays automatically when it is set in the css file to "display: none:".
I'm stumped:
<meta http-equiv="X-UA-Compatible" content="IE=100"> 
<title>Company Name</title>
<link rel="stylesheet" href="css/style.css" media="screen">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="js/jquery.placeholder.js"></script>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
</head>
<body>
<form action="calltoaction/contact.php" id="contact" style="margin-top: -20px;" method="post" name="contact">
                  <div class="row">
                        <div class="left"><span id="sprytextfield1">
                        <input id="name" placeholder="Name" type="text" name="Name" autofocus required>
                        <span class="textfieldRequiredMsg">A value is required.</span></span></div>
                         <div class="left">
                           <input id="pharmacyname" placeholder="Pharmacy Name" type="text" name="BusinessName" required>
                        </div>
                   </div>
          <div class="row">
          <div class="left">
            <input id="telephone" placeholder="Please provide your contact number" name="Phone" required>
           </div>
          <div class="left">
          <input id="email" placeholder="Email Address" name="Email" required>
         </div>
          </div>
          <div class="row">
                        <div class="left">
                            <div class="styledselect">
                              <select style="width:400px; color: #898888; height: 42px;" tabindex="2" name="Subject" id="Subject">
                                <option value="select">What can we help you with? Click to select an option.</option>
                                <option value="website comments">New Website Comments</option>
                                <option value="ordering">Ordering</option>
                                <option value="order status">Order Status</option>
                                <option value="csos">CSOS Setup</option>
                                <option value="payments credits">Payments & Credits</option>
                                <option value="contact account manager">Contact My Account Manager</option>
                                <option value="email list">Join Email List</option>
                                <option value="monthly newsletter">Sign Up For Monthly Newsletter</option>
                                <option value="rewards">Auburn REWARDS Free Goods</option>
                                <option value="reset password">Reset User ID/Password</option>
                                <option value="questions">Questions</option>
                                <option value="suggestions">Suggestions</option>
                                <option value="other">Other (Please Specify)</option>
                              </select>
                            </div>
                            
            </div>
          </div>
          <div class="commentbox">
                              <div class="left">
                                <textarea id="styled" placeholder="Please type your message here" name="Comments" required></textarea>
                                 </div>
          </div>
          <div class="row">
                              <div class="left">
                              <input type="image" src="images/contact_submit.png" name="submit" width="85" height="38" id="submitbutton">
            </div>
          </div>
                   <div class="row">
                    <div class="left required"><em>*All fields are required.</em></div>
          </div>
        </form>
<script>
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["change"]});
</script>
</body>
</html>

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

Spry validation problem for long forms

I used the Spry Validation Widgets for my form validation. It
works great, BUT the problem is that if you have a very long form
and the user doesn’t fill in one of the top required fields,
it doesn’t scroll the browser back up to the required field,
or present a message next to the submit button telling the person
that not all required fields have been filled in. Nothing appears
to happen at all, which would be confusing to users. I added my own
message underneath the Submit button which reads "If this form does
not submit, check for required entries at the top of this page.*",
but is there a way to add an extra popup message that could appear
next to the Submit button instead? (I know that we can't mix the
Validate Form behavior with the Spry Validation widgets.)

Came across the same issue as well. To solve this I added in
three lines of code into the 'SpryValidationTextField.js' file that
is created via DW. Inside of that include look for the following
code:
if (!Spry.Widget.Form.validate) {
Spry.Widget.Form.validate = function(vform) {
var isValid = true;
var isElementValid = true;
var q = Spry.Widget.Form.onSubmitWidgetQueue;
var qlen = q.length;
for (var i = 0; i < qlen; i++) {
if (!q
.isDisabled() && q.form == vform) {
isElementValid = q
.validate();
isValid = isElementValid && isValid;
return isValid;
Right before you return the "isValid" parameter you want to
check and see if the value is false. If it is, have the page
refreshed to a specific html anchor. For example:
if (isValid == false) {
window.location.hash = "formtop";
return isValid;
Where "formtop" is would be the name of your html anchor tag
on the page. So right before my html form starts I have:
<a name="formtop"></a>
Hope that helps ... enjoy!
- Larry Daughenbaugh
http://www.jplprod.com

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

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

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

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

Adobe Spry validation : Remove Field

I have use Adobe spry validation .
I have the following situation where i want to remove some fields from validation depending on the choice.
like on one radio button click i have 5 fields and on submit button press i validate the fields.
now i switch the radio button and i want to remove those 5 field validation at that time and allow to submit the form even if the 5 fields on first radio button.
i am creating the validation like
DIVExpYear= new Spry.Widget.ValidationSelect("DIVExpYear",{validateOn:["change"]});
and when the radio is switch to second radio , i
I have the following code to destroy the object.
if(DIVExpYear){
                    DIVExpYear.reset();
                     DIVExpYear.destroy();
but no success
i also tried with
     if(DIVExpYear){
             Spry.Widget.Utils.destroyWidgets("DIVExpYear");
but still it do not allow me to submit the page and when i switch back to first radio , it shows me this fields as Red fields (i.e un validated fields)
please help me.
it can fix my most of the validation issues.
thanks

Do you have a online url? reset() and than doing destory() just work fine.
So there might be something else going on here

DW Spry validation ignored

I am new this and a novice. Please help.
DW (CS3) Spry validation works fine on local, but when
published ignores all validation rules. The web page calls the form
in an iframe. IE7 also shows display error (… is null or not
an object).
Is there a workaround please.
Jan

Hello Jan,
There are 2 possible issues but both will require us to have
a look to your page. The first problem that I'm thinking of is that
the HTML in the iframe is loaded from a different location then the
main HTML page. This implies some security restrictions that are
prohibiting our widgets to get some context information we need.
The second possible issue appear from the implementation
itself were we refer the document itself instead of the document
owner which is different when iframes are used and which can
prevent us as well to obtain the information I mentioned you
earlier.
In both cases we need to see your page, determine the exact
lines of code that are not working and search for solutions.
Regards,
Cristian MARIN

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

Similar Messages

Maybe you are looking for