Spry validation W3C strict

My English is not very good, by can someone help me with the
following problem.
When I validat my XHTML-file using spry table... I got 8
errors and I don't find the solution. It's a simple site, no
server-based applications
examples of errors
Line 42, Column 25: an attribute specification must start
with a name or name token.
<div spry:region="ds1" "titel">
Line 42, Column 19: there is no attribute "spry:region".
<div spry:region="ds1" "titel">
I understand that W3C does not accept the code after div and
others, but I don't find the sollution by searching on the internet
thanks!
I

I sueggest u read the Spry documentation about Validations
http://labs.adobe.com/technologies/spry/articles/best_practices/validating_spry.html
Or u can make Spry unobtrusive using SpryDOMUtils.js
using:
http://labs.adobe.com/technologies/spry/samples/dom_utils/unobtrusive_spry_data.html

Similar Messages

Spry Validation Confirm Widget

Ugh. This is driving me nuts!
I've used the Spry Validation Confirm Widget successfully before, but for some reason I can't spot, I get this error message every time I try to load the page: Spry.ValidationConfirm ERR: The element ConfirmPasswordWidget doesn't exists!
The JS and CSS files are linked as follows in the head section.

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

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

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

<link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
The code in the body looks like this:
      <form id="Passwordform" name="Passwordform" method="post" action="">
        <table>
          <tr>
            <td><label for="password1">Password:</label></td>
            <td><span id="ValidatePasswordWidget">
              <input name="password1" type="password" id="password1" value="" size="20" maxlength="20"/>
              <span class="passwordRequiredMsg">A value is required.</span>
              <span class="passwordMinCharsMsg">The minimum number of characters not met.</span>
              <span class="passwordMaxCharsMsg">The maximum number of characters exceeded.</span>
              <span class="passwordInvalidStrengthMsg">The password strength condition not met.</span>
              <span class="passwordCustomMsg">User defined condition not met.</span>
              </span>
            </td>
          </tr>
          <tr>
            <td><label for="confirmpassword">Re-enter password </label></td>
            <td><span id="ConfirmPasswordWidget">
              <input type="password" id="confirmpassword" value="" size="20" maxlength="20" />
              <span class="confirmRequiredMsg">A value is required.</span>
              <span class="confirmInvalidMsg">The values do not match</span>
              </span>
            </td>
          </tr>
          <tr>
            <td> </td>
            <td><input type="submit" name="submit" value="Submit" />
            </td>
          </tr>
        </table>
      </form>
The scripts are declared as follows:
<script type="text/javascript">
   var sprytextfield1      = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur"], minChars:7, maxChars:7});
   var password1           = new Spry.Widget.ValidationPassword("ValidatePasswordWidget", {validateOn:["blur"], minAlphaChars:3, minNumbers:1, maxSpecialChars:2, minChars:3, maxChars:8});
   var ConfirmWidgetObject = new Spry.Widget.ValidationConfirm("ConfirmPasswordWidget", "password1", {validateOn: ['blur']}); </script>
The actual code is shown below (it doesn't allow me to attach it).
I know this is a lot to ask, but can anyone see the reason why I'm getting this error? Looks to me like ConfirmPasswordWidget exists!?
Thanks in advance.
<?php require_once('Connections/Unit174Conn.php'); ?>
<?php if (!isset($_SESSION)) { session_start(); } ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
    case "text":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "long":
    case "int":
      $theValue = ($theValue != "") ? intval($theValue) : "NULL";
      break;
    case "double":
      $theValue = ($theValue != "") ? "'" . doubleval($theValue) . "'" : "NULL";
      break;
    case "date":
      $theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
      break;
    case "defined":
      $theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
      break;
return $theValue;
$colname_rsACBLNumber = "-1";
if (isset($_POST['ACBL_Number'])) {
$colname_rsACBLNumber = $_POST['ACBL_Number'];
mysql_select_db($database_Unit174Conn, $Unit174Conn);
$query_rsACBLNumber = sprintf("SELECT * FROM unit174members WHERE ACBLNumber = %s", GetSQLValueString($colname_rsACBLNumber, "text"));
$rsACBLNumber = mysql_query($query_rsACBLNumber, $Unit174Conn) or die(mysql_error());
$row_rsACBLNumber = mysql_fetch_assoc($rsACBLNumber);
$totalRows_rsACBLNumber = mysql_num_rows($rsACBLNumber);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

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

<title>Register</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="en-us" />
<meta http-equiv="Keywords" content="Houston, Bridge, ACBL, Duplicate, Unit 174, District 16, Texas, Results, Community Center, cards, Bridge Club, scores" />
<meta name="Keywords" content="Houston, Duplicate Bridge, Duplicate, Bridge Unit 174, District 16, ACBL, Tracy Gee, Pech Road, JCC, Ace of Clubs" />
<link href="css/Unit174.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />

<link href="css/table_design.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />

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

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

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

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

</head>
<body class="Unit174" id="Register">
<div id="container">
<div id="header"> <img src="Photos/Pat_Levy.jpg"       alt="Pat Levy"       title="Pat Levy"        width="80" height="100" class="framed_image" /> <img src="Photos/Paul Cuneo.jpg"     alt="Paul Cuneo"     title="Paul Cuneo"      width="80" height="100" class="framed_image" /> <img src="Photos/John_Erickson.jpg" alt="John Erickson" title="John Ericson"    width="80" height="100" class="framed_image" /> <img src="Photos/Sue_Adamson.png"    alt="Sue Adamson"    title="Sue Adamson"     width="80" height="100" class="framed_image" /> <img src="Photos/Bob_Dowlen_2.jpg"   alt="Bob Dowlen"     title="Bob Dowlen"      width="80" height="100" class="framed_image" /> <img src="Photos/Lauri_Laufman.jpg" alt="Lauri Laufman" title="Lauri Laufman"   width="80" height="100" class="framed_image" /> <img src="Photos/Karen_Nimmons.jpg" alt="Karen Nimmons" title="Karen Nimmons"   width="80" height="100" class="framed_image" /> <img src="Photos/Robert_Reichek.png" alt="Robert Reichek" title="Robert Reichek" width="80" height="100" class="framed_image" /> <img src="Photos/Joyce_Ryan.jpg"     alt="Joyce Ryan"     title="Joyce Ryan"      width="80" height="100" class="framed_image" />
    <h1>The Board of Directors of Houston Unit 174 of the ACBL</h1>
    <h4>Welcomes you to</h4>
    <h1>Houston Duplicate Bridge</h1>
    
</div>
<div id="NavContainer">
    <ul id="NavList" class="MenuBarHorizontal">
      <li><a href="index.html">Home</a></li>
      <li><a class="MenuBarItemSubmenu" href="#">Unit Pages</a>
        <ul>
          <li><a href="174calendar.htm">Unit 174 Calendar</a></li>
          <li><a href="board_of_directors.htm">Unit board of Directors</a></li>
          <li><a href="minutes.htm">Board Minutes</a></li>
          <li><a href="174finances.htm">Financial Reports</a></li>
          <li><a href="bylaws.htm" target="_blank">Bylaws</a></li>
          <li><a href="mailto:[email protected]">Sign up for Free E-mail Newsletter </a></li>
          <li><a href="http://www.unit174partnership.com/" target="_blank">Find a partner!</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">Honors</a>
            <ul>
              <li><a href="texas_star.htm">Texas Stars</a></li>
              <li><a href="charity_committee.htm">Charity Committee</a></li>
              <li><a href="goodwill_committee.htm">Goodwill Committee</a></li>
            </ul>
          </li>
          <li><a href="memberstats.htm">Membership Charts</a></li>
          <li><a href="Photo_Gallery/gallery.php">Photo Gallery</a></li>
          <li><a href="mapof_174.htm">Unit Map</a></li>
          <li><a href="map.htm">Map with Club Info</a></li>
          <li><a href="Past_Tournaments.htm">Past Tournament Results</a></li>
          <li><a href="club_special_events.htm">Club Special Events</a></li>
          <li><a href="swiss_teams.htm">Swiss Teams</a></li>
          <li><a href="Randall's cards.pdf">Randall's Cards</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Masterpoint Races</a>
        <ul>
          <li><a href="Ace_Of_Clubs.htm" target="_blank">Ace of Clubs</a></li>
          <li><a href="Mini-McKenney.htm" target="_blank">Mini-McKenney</a></li>
          <li><a href="unit_masterpoints.php">Unit masterpoint holdings</a></li>
          <li><a href="2008mpraces.htm">2008 All Races 100 deep</a></li>
        </ul>
      </li>
      <li><a class="MenuBarItemSubmenu" href="#">Newer Player Resources</a>
        <ul>
          <li><a href="novice_games.htm">Intermediate/Novice Games</a></li>
          <li><a href="askateacher.htm">Ask a teacher</a></li>
          <li><a href="bridgelessons.htm">Bridge Lessons</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">Mentor-Mentee Games</a>
            <ul>
              <li><a href="http://www.bridgeclubofhouston.org/" target="_blank">Bridge Club of Houston</a></li>
              <li><a href="http://www.houstonbridgestudio.com/Mentor_Novice.htm" target="_blank">Houston Bridge Studio</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Club Web Pages</a>
        <ul>
          <li><a href="#" class="MenuBarItemSubmenu">Houston</a>
            <ul>
              <li><a href="Club_Web_Pages/Ace_of_Clubs.htm" target="_blank">Ace of Clubs</a></li>
              <li><a href="Club_Web_Pages/Apple.html" target="_blank">Apple</a></li>
              <li><a href="Club_Web_Pages/Apple_Too.html" target="_blank">Apple Too</a></li>
              <li><a href="Club_Web_Pages/Forest_Club.html" target="_blank">Forest Club</a></li>
              <li><a href="http://www.houstonbridgestudio.com/" target="_blank">Houston Bridge Studio</a></li>
              <li><a href="Club_Web_Pages/Lakeside.html" target="_blank">Lakeside</a></li>
              <li><a href="Club_Web_Pages/Racquet_Club.html" target="_blank">Racquet Club</a></li>
              <li><a href="Club_Web_Pages/River_Oaks.html" target="_blank">River Oaks</a></li>
              <li><a href="Club_Web_Pages/Southwest.html" target="_blank">Southwest</a></li>
              <li><a href="Club_Web_Pages/Spring_Branch.html" target="_blank">Spring Branch</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Northside</a>
            <ul>
              <li><a href="Club_Web_Pages/april_sound.htm" target="_blank">April Sound</a></li>
              <li><a href="http://www.bridgeclubofhouston.org/" target="_blank">Bridge Club of Houston</a></li>
              <li><a href="Club_Web_Pages/conroe.htm" target="_blank">Conroe</a></li>
              <li><a href="Club_Web_Pages/Kingwood.html" target="_blank">Kingwood</a></li>
              <li><a href="Club_Web_Pages/lakeconroe.htm" target="_blank">Lake Conroe</a></li>
              <li><a href="Club_Web_Pages/livingston.htm" target="_blank">Livingston</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Southside</a>
            <ul>
              <li><a href="http://www.acblunit174.org/clearlak/clearlake.htm" target="_blank">Clear Lake</a></li>
              <li><a href="http://www.acblunit174.org/pasadena/pasadena.htm" target="_blank">Pasadena</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Lake Jackson</a>
            <ul>
              <li><a href="Club_Web_Pages/bar-x.htm" target="_blank">Bar-X</a></li>
              <li><a href="Club_Web_Pages/diamond_duplicate.htm" target="_blank">Diamond</a></li>
              <li><a href="Club_Web_Pages/gulf_coast.htm" target="_blank">Gulf Coast</a></li>
            </ul>
          </li>
          <li><a href="#" class="MenuBarItemSubmenu">Bryan/College Station</a>
            <ul>
              <li><a href="Club_Web_Pages/aggieland.htm" target="_blank">Aggieland</a></li>
              <li><a href="Club_Web_Pages/brazos.htm" target="_blank">Brazos</a></li>
              <li><a href="Club_Web_Pages/briarcrest.htm" target="_blank">Briarcrest</a></li>
              <li><a href="Club_Web_Pages/pebble_creek.htm" target="_blank">Pebble Creek</a></li>
              <li><a href="Club_Web_Pages/star_duplicate.htm" target="_blank">Star</a></li>
            </ul>
          </li>
          <li><a href="#" target="_blank" class="MenuBarItemSubmenu">Sugar Land</a>
            <ul>
              <li><a href="Club_Web_Pages/riverbender.htm" target="_blank">Riverbender</a></li>
              <li><a href="Club_Web_Pages/sugarland_dbc.htm" target="_blank">Sugar Land</a></li>
              <li><a href="Club_Web_Pages/Sugarland_Night.htm" target="_blank">Sugar Land Night</a></li>
              <li><a href="Club_Web_Pages/valley_bend.htm" target="_blank">Valley Bend</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Scores</a>
        <ul>
          <li><a href="March.php">March</a></li>
          <li><a href="April.php">April</a></li>
          <li><a href="May.php">May</a></li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">D16 & ACBL Links</a>
        <ul>
          <li><a href="http://www.d16acbl.org/" target="_blank">District 16 Home Page</a></li>
          <li><a href="http://www.d16acbl.org/D16_Map.html" target="_blank">Map of District 16</a></li>
          <li><a href="http://www.d16acbl.org/D16_Results.html" target="_blank">District Tournament Results</a></li>
          <li><a href="http://www.d16acbl.org/D16_Calendar.html" target="_blank">District Calendar</a></li>
          <li><a href="http://www.d16acbl.org/D16_Scorecard.html" target="_blank">Scorecard</a></li>
          <li><a href="http://www.d16acbl.org/Honors/Jacoby/D16_Jacoby.html" target="_blank">Jacoby Awards</a></li>
          <li><a href="http://www.d16acbl.org/Honors/Texas_Star/D16_TexasStar.html" target="_blank">Texas Star Awards</a></li>
          <li><a href="http://www.acbl.org/" target="_blank">ACBL Home Page</a></li>
          <li><a href="http://web.acbl.org/CustomerLogin/login.do;jsessionid=0000zJMgbgs3BAR2ArmUm4Wn6Si:-1" target="_blank">Check your Masterpoints</a></li>
          <li><a href="http://web3.acbl.org/internet/AddressChangeApp.nsf/changeofaddress?OpenForm" target="_blank">Change info with ACBL</a></li>
          <li><a href="http://www.acbl.org/play/toolsSupplies.html" target="_blank">Make your own convention card</a></li>
          <li><a href="http://www.acbl.org/play/recent-results.php" target="_blank">Results of past NABCs</a></li>
          <li><a href="http://www.acbl.org/assets/documents/play/Laws-of-Duplicate-Bridge.pdf" target="_blank">Laws of Duplicate Bridge</a></li>
          <li><a href="#" class="MenuBarItemSubmenu">Find a club</a>
            <ul>
              <li><a href="http://web2.acbl.org/As400/clubs/allClubs/uclub-TX.htm" target="_blank">Texas</a></li>
              <li><a href="http://www.acbl.org/play/findClub.html" target="_blank">ACBL</a></li>
            </ul>
          </li>
        </ul>
      </li>
      <li><a href="#" class="MenuBarItemSubmenu">Non Bridge Links</a>
        <ul>
          <li><a href="http://www.aarpmagazine.org/games/" target="_blank">AARP Games</a></li>
          <li><a href="http://www.amazon.com/" target="_blank">Amazon.com</a></li>
          <li><a href="http://www.consumerworld.org/" target="_blank">Consumer World</a></li>
          <li><a href="http://www.onelook.com/" target="_blank">Dictionary</a></li>
          <li><a href="http://www.chron.com/" target="_blank">Houston Chronicle</a></li>
          <li><a href="http://www.google.com/" target="_blank">Google</a></li>
          <li><a href="http://maps.google.com/" target="_blank">Google Maps</a></li>
          <li><a href="http://www.b4-u-eat.com/" target="_blank">Houston Restaurant Guide</a></li>
          <li><a href="http://us.imdb.com/" target="_blank">Internet Movie Database</a></li>
          <li><a href="http://www.uclick.com/client/mma/uj/" target="_blank">Jigsaw Puzzle</a></li>
          <li><a href="http://patandlew.com/Movie%20Ratings.htm" target="_blank">Lew's Movie Reviews</a></li>
          <li><a href="http://medlineplus.gov/" target="_blank">Medical Information</a></li>
          <li><a href="http://www.netflix.com/" target="_blank">NetFlix</a></li>
          <li><a href="http://www.npr.org/" target="_blank">NPR</a></li>
          <li><a href="http://www.privateeye.com/?piid=06&" target="_blank">Public Info (Age, family)</a></li>
          <li><a href="http://www.yahoo.com/" target="_blank">Yahoo</a></li>
        </ul>
      </li>
    </ul>
    
</div>

<div id="container">
    <div id="mainContent">
      <h1>Register on the Unit 174 Web site</h1>
      <p>To begin the registration process, please fill in your ACBL number and click <strong>Submit</strong>.</p>
      <form action="<?php echo $editFormAction; ?>" method="post" name="registration_form" id="registration_form">
        <table>
          <tr>
            <td><label for="ACBL_Number">ACBL Number</label></td>
            <td><span id="sprytextfield1">
              <input name="ACBL_Number" type="text" id="ACBL_Number" size="20" maxlength="20" />
              <span class="textfieldRequiredMsg">A value is required.</span>
              <span class="textfieldMinCharsMsg">Minimum number of characters not met.</span>
              <span class="textfieldMaxCharsMsg">Exceeded maximum number of characters.</span>
              </span>
            </td>
            <td><input type="submit" name="submit" id="submit" value="Submit" /></td>
          </tr>
        </table>
      </form>
      <?php
         if ( isset($_POST['ACBL_Number'])) {
           if ($totalRows_rsACBLNumber > 0) {
          echo "<p>Great - your ACBL number was found. Now enter a password, and confirm it. </p>";
          ?>
      <form id="Passwordform" name="Passwordform" method="post" action="">
        <table>
          <tr>
            <td><label for="password1">Password:</label></td>
            <td><span id="ValidatePasswordWidget">
              <input name="password1" type="password" id="password1" value="" size="20" maxlength="20"/>
              <span class="passwordRequiredMsg">A value is required.</span>
              <span class="passwordMinCharsMsg">The minimum number of characters not met.</span>
              <span class="passwordMaxCharsMsg">The maximum number of characters exceeded.</span>
              <span class="passwordInvalidStrengthMsg">The password strength condition not met.</span>
              <span class="passwordCustomMsg">User defined condition not met.</span>
              </span>
            </td>
          </tr>
          <tr>
            <td><label for="confirmpassword">Re-enter password </label></td>
            <td><span id="ConfirmPasswordWidget">
              <input type="password" id="confirmpassword" value="" size="20" maxlength="20" />
              <span class="confirmRequiredMsg">A value is required.</span>
              <span class="confirmInvalidMsg">The values do not match</span>
              </span>
            </td>
          </tr>
          <tr>
            <td> </td>
            <td><input type="submit" name="submit" value="Submit" />
            </td>
          </tr>
        </table>
      </form>
      <?php } else {
             echo "<p>I'm sorry, but that ACBL number was not found in the database.</p>" ;
             echo "<p>If you are a member of Unit 174, and haven't joined in the past month, </P>";
                 echo "<p>contact the Unit webmaster at the e-mail link shown below.</p>" ;
         ?>
    </div>
</div>
<script type="text/javascript">
    var sprytextfield1      = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur"], minChars:7, maxChars:7});
        var password1           = new Spry.Widget.ValidationPassword("ValidatePasswordWidget", {validateOn:["blur"], minAlphaChars:3, minNumbers:1, maxSpecialChars:2, minChars:3, maxChars:8});
        var ConfirmWidgetObject = new Spry.Widget.ValidationConfirm("ConfirmPasswordWidget", "password1", {validateOn: ['blur']});
</script>

<div id="footer"> <img src="images/ACBL Logo.gif" alt="ACBL Logo" width="58" height="55"class="left_image" /> <img src="images/Houston Logo-Small.png" alt="Unit 174 Logo" width="55" height="55" class="right_image"/>
    <h1>These pages ©ACBL Unit 174, All rights reserved.</h1>
    <p>This site maintained by the <a href="mailto:[email protected]">Unit 174 Webmaster</a>.</p>
    <p><a href="http://www.ACBLUnit174.org">www.ACBLUnit174.org</a></p>
    
</div>

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

</script>
</body>

</html>
<?php
mysql_free_result($rsACBLNumber);
?>

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

After Spry validation how to redirect to a "you have successfully register" page

I am helping a friend set up a webpage for her business. You can see the website here www.themessagetext.com. I used a Spry validation for the phone number and the checkbox. One the validation is verified, I want the user to be redirected to a page that says that they have successfully register. Right now it takes you to an ugly page. It looks like an error page, but it says that you have successfully register.
I am using Internet Explorer 7. I am also using CS4 Dreamweaver. I am also usingSpryValidationCheckbox.css - version 0.4 - Spry Pre-Release 1.6.1 and SpryValidationTextField.css - version 0.4 - Spry Pre-Release 1.6.1
I am new to web design. So if you can be as specific as possible I would appreciate it. I don't even know where in the code it tells the form after it is submitted to redirect to this certain page.

Sorry I did post the wrong code for the wrong page. Here is the code for the right page. The more I thought about it I figured it was a design problem. Should I post it somewhere else since this form is for Spry.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Message Text</title>
<style type="text/css">

</style>
<script src="SpryAssets/SpryValidationCheckbox.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
<link href="SpryAssets/SpryValidationCheckbox.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
</head>
<body class="oneColElsCtr">
<div id="container">
<div id="mainContent">
   <table id="Table_01" width="1024" height="869" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="11">
   <img src="images/websitenew.gif" width="1024" height="176" alt=""></td>
</tr>
<tr>
<td colspan="3" rowspan="2">
   <img src="images/websitenew-03.gif" width="112" height="379" alt=""></td>
<td colspan="2">
   <img src="images/websitenew_03.gif" width="38" height="19" alt=""></td>
<td colspan="6" rowspan="2">
   <img src="images/websitenew-05.gif" width="874" height="379" alt=""></td>
</tr>
<tr>
<td colspan="2">
   <img src="images/websitenew-06.gif" width="38" height="360" alt=""></td>
</tr>
<tr>
<td rowspan="4">
   <img src="images/websitenew-07.gif" width="58" height="313" alt=""></td>
<td colspan="3">
   <a href="contact_us.html">
    <img src="images/websitenew_07.gif" width="79" height="18" border="0" alt=""></a></td>
<td colspan="2" rowspan="2">
   <img src="images/websitenew-09.gif" width="15" height="53" alt=""></td>
<td>
   <a href="#">
    <img src="images/websitenew_09.gif" width="168" height="18" border="0" alt=""onclick="MM_openBrWindow('terms_and_conditions_pop_up.html','','width=400,height=60 0')"></a></td>
<td rowspan="2">
   <img src="images/websitenew-11.gif" width="17" height="53" alt=""></td>
<td>
   <a href="#">
    <img src="images/websitenew_11.gif" width="108" height="18" border="0" alt=""onclick="MM_openBrWindow('privacy_policy_pop_up.html','','scrollbars=yes,resizable= yes,width=400')"></a></td>
<td colspan="2" rowspan="2">
   <img src="images/websitenew-13.gif" width="579" height="53" alt=""></td>
</tr>
<tr>
<td colspan="3">
   <img src="images/websitenew-14.gif" width="79" height="35" alt=""></td>
<td>
   <img src="images/websitenew-15.gif" width="168" height="35" alt=""></td>
<td>
   <img src="images/websitenew-16.gif" width="108" height="35" alt=""></td>
</tr>
<tr>
<td rowspan="2">
   <img src="images/websitenew-17.gif" width="2" height="260" alt=""></td>
<td colspan="8" background="images/websitenew-18.gif" width="527" height="247" valign="top" alt="">
          <form action="http://platform.3cinteractive.com/web_registration.php " method="post" name="web_registration_form" id="web_registration_form" onsubmit="" >
   <input id="username" name="username" type="hidden" value="VGn5S7PDQkBwb7csFvX2JA=="/>
      <input id="password" name="password" type="hidden" value="ee7CQE1n8XALlcHYtpSV0Hm+lRNppZrVAe573Vysrq0="/>
      <input id="trigger_id" name="trigger_id" type="hidden" value="78354" />
      <span id="sprytextfield1">
         <input name="phone_number" id="phone_number" size="30" />
         <span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldInvalidFormatMsg">Must be 10 digits</span></span>
      <input id="just_submit" name="just_submit" type="submit" value="Submit" />
<br />
                    (Do Not Include Dashes)
                    <br />
              <span id="sprycheckbox1">
                <label>
                      <input type="checkbox" name="agre" id="agre" />
                    By selecting this box, I agree to <a href="#" onclick="MM_openBrWindow('terms_and_conditions_pop_up.html','','width=400,height=600')">t erms and conditions</a></label>
                    <span class="checkboxRequiredMsg">Please select box.</span></span>
                </form>
        </td>
<td rowspan="2">
   <img src="images/websitenew-19.gif" width="437" height="260" alt=""></td>
</tr>
<tr>
<td colspan="8">
   <img src="images/websitenew-20.gif" width="527" height="13" alt=""></td>
</tr>
<tr>
<td>
   <img src="images/spacer.gif" width="58" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="52" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="168" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="17" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="108" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="142" height="1" alt=""></td>
<td>
   <img src="images/spacer.gif" width="437" height="1" alt=""></td>
</tr>
</table></td>
      </tr>
    </table>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>

Spry validation issue with submit button

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

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

Spry validation onblur

Hello, is it possible to use onblur in a spry validation text field? I want to use spry to validate text field input to be required and 4 to 32 chars long but i want on blur to make ajax request to check if the username is available (this is for registration form). However if i use onblur="check_username(this.value)" it does not trigger the onblur event at all.

Strange this does not work correct. I even tried with the click event to be sure. Below is my 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=iso-8859-1" />
<title></title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head><script src="../SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="../SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css">
<body>
<form method="post">
     <table border="0" cellpadding="0" cellspacing="0" width="100%" class="cool-table">
          <tr>
               <td>Username:</td>
               <td><span id="sprytextfield1">
               <input type="text" name="username" id="username" />
               <br><span class="textfieldRequiredMsg">A value is required.</span><span class="textfieldMinCharsMsg">4 characters minimum.</span><span class="textfieldMaxCharsMsg">32 characters maximum.</span></span></td>
          </tr>
          <tr>
               <td colspan="2" align="center"><input type="submit" value="Login" /></td>
          </tr>
     </table>
</form>
<script type="text/javascript">

</script>
</body>
</html>
When i load the page in browser with this code it displays alert box with empty message (because username value is empty) immediately after page load, and never displays a thing when i click the text field.
If i use
Spry.Widget.Utils.addEventListener("username", "click", check_username, false);
without parentheses after the handler function name it does absolutely nothing on click too. Any idea?
I even noticed error in Adobe documnet located at http://labs.adobe.com/technologies/spry/articles/data_api/apis/utils.html#addeventlistener
In the example it says
<script type="text/javascript>
But must be
<script type="text/javascript">

Spry validation inside CFDIV - possible?

I have a CFDIV bound to a grid via navigate(). CFDIV contains
an HTML form (I need multipart/form-data to upload images and
cfform inside cfdiv seems to only submit async).
I tried to use spry validation on the form but It does not
seem to fire at all. Has anyone made spry validation functionality
work inside a cfdiv of is it just impossible?

Spry validation does not seem to fire when a form is loaded
via Spry.Widget.HTMLPanel like this:
<script src="/includes/javascript/spry/SpryHTMLPanel.js"
language="javascript" type="text/javascript"></script>
<link href="/SpryAssets/SpryHTMLPanel.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" />
<a href="testform.cfm"
onclick="panel.loadContent(this.href,{id:'panelform'}); return
false" >Click</a>
<div id="panel1">Please click</div>
<script type="text/javascript">
var panel = new Spry.Widget.HTMLPanel("panel1");
</script>
Here is the code for the file:
<!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>
<div id="panelform">
<form name="form" action="test.cfm">
<span id="sprytextfield1">
<input type="text" name="text1" id="text1" />
<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>
<input name="submit" type="submit" value="submit" />
</form>
</div>
<script type="text/javascript">

</script>
</body>
</html>

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 widgets not working on local WAMP server

I just started the process of creating a contact page. I got the client side done last night, woke up this morning and panicked. The spry validation widgets weren't working anymore. I re-did the entire page and realized it was only the contact.html page in the wamp directory that wasn't working. All the needed CSS and javascript assets are there and in the proper folders, so what's up?
(I'm still in the middle of the lynda.com series Dreamweaver CS5 with PHP and MySQL , so I'm not even certain where I'm heading just yet. I'm doing stuff as I think I understand it.)

OK, this is interesting. It works online, but not in local cache.
Here's the contact page on my website: http://www.ladyhawkslair.com/contact.html (So far, GNDN: goes nowhere; does nothing.)
And here's the WAMP version: http://www.ladyhawkslair.com/wamp/contact.html
worky-worky online.
No worky-worky when I preview in Firefox on my system.
Wait. Hold that thought.
I only refuses to work when I preview it in Firefox THROUGH Dreamweaver. Let me test again.
Verified.
The spry widgets don't work when I load them to Firefox WITH Dreamweaver. Interestingly, it works with IE.
Any ideas, Gramps?

Spry validation textfield errors are appearing as regular text

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

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

Spry validation text field across two columns in a table?

I have a table with two columns. I can easily insert a spry validated text field into the left cell but when I drag the box over so that box is in the right column and the label is still in the left column then that breaks the widget.
Is this even possible for me to do or do I have to put the widget in just one column?

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

Using JavaScript to set value of Spry validated text field

Why can't the value of a text field be set using JavaScript
when it's validated using the Spry validation widget.
Example (this works):
<select name="birthdate_month" id="birthdate_month"
onChange="document.getElementById('birthdate').value = 'test';">
<option>1</option>
<option>2</option>
</select>
<input type="text" name="birthdate" id="birthdate"
value="">
Example (this doesnt work):
<select name="birthdate_month" id="birthdate_month"
onChange="document.getElementById('birthdate').value = 'test';">
<option>1</option>
<option>2</option>
</select>
<span id="birthdate">
<input type="text" name="birthdate" id="birthdate"
value="">
<span class="textfieldRequiredMsg">please enter your
birthday</span>
</span>
<script type="text/javascript">

</script>
Is there a way to change the value of a Spry validated text
field using JavaScript?
Thanks.

Why can't the value of a text field be set using JavaScript
when it's validated using the Spry validation widget.
Example (this works):
<select name="birthdate_month" id="birthdate_month"
onChange="document.getElementById('birthdate').value = 'test';">
<option>1</option>
<option>2</option>
</select>
<input type="text" name="birthdate" id="birthdate"
value="">
Example (this doesnt work):
<select name="birthdate_month" id="birthdate_month"
onChange="document.getElementById('birthdate').value = 'test';">
<option>1</option>
<option>2</option>
</select>
<span id="birthdate">
<input type="text" name="birthdate" id="birthdate"
value="">
<span class="textfieldRequiredMsg">please enter your
birthday</span>
</span>
<script type="text/javascript">

</script>
Is there a way to change the value of a Spry validated text
field using JavaScript?
Thanks.

How to use Spry validation with link styled submit buttons..??

I'm working with a theme package that comes with a bunch of button styles that work with basic links. For example:
<a href='page.html' class='small-button smallblue'><span>Button Label</span></a>
I've got a basic form setup with Spry validation, but the submit button needs some styling to make it look nice with the site. Since there are already styles ready for me to turn links into buttons I figured I'd use the same thing for my submit buttons.
To accomplish that, I'm using the following javascript...
<script type="text/javascript">
function submitForm() {
    document.getElementById("form_name").submit();
</script>
And then I'm updating my submit button to something like this...
<a href='javascript: submitForm()' class='small-button smallblue'><span>Button Label</span></a>
When I do this, the form submits as expected, but the Spry validation doesn't work. Is there a way I can make the Spry stuff work with these types of buttons? I know I could create separate styles for the submit buttons themselves, or I could use an image type button, but I'd really like to figure out how to get these existing styles to work for me since the theme already has so many of them done for me.
Any information on this would be greatly appreciated. Thanks!

Save yourself a lot of trouble and style the normal submit button as per
<!doctype html>
<html>
<head>
<meta 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">
<style>
.Standout {
    font-family: Geneva, Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 16px;
    background-color: #CC0000;
    font-weight: bold;
    border-style: none;
    padding-top: 6px;
    padding-bottom: 5px;
    padding-right: 64px;
    padding-left: 64px;
    letter-spacing: 1px;
.Standout:hover {
    background-color: #000000;
</style>
</head>
<body>
<form action="" method="get" name="myform">
<span id="sprytextfield1">
<label for="text1"></label>
<input type="text" name="text1" id="text1">
<span class="textfieldRequiredMsg">A value is required.</span></span>
<input name="input" type="submit" class="Standout">
</form>
<script>
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur"]});
</script>
</body>
</html>
Gramps

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,

Alternatives to dreamweaver built in spry validation?

I like the spry validation features... but I don't like the K
that comes with it. Good grief, the js include files are
ridiculous.
Any lighter weight alternatives that still provide validation
reminders at each text field, area, etc.?

LOL. I'd really rather not consider that scenario. 8)
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
==================
"Massimo Foti" <[email protected]> wrote in
message
news:fu7b6j$1jp$[email protected]..
> "Murray *ACE*" <[email protected]>
wrote in message
> news:fu7aq7$1a6$[email protected]..
>> I'm assuming that using the compacted scripts would
mean you aren't
>> interested in debugging them, but yeah.... 8)
>
> Consider this scenario:
>
> 1) You use the uncompressed file on test/developing box
>
> 2) You deploy the compressed version on production box
>
> 3) Somebody report you an error on line xxx on
production box
>
> 4) You turn to your test/developing box to try and debug
the error
>
> 5) Now you are screwed, because line xxx doesn't match
between the two
> environment
>
> 6) You copy compressed version on test/developing box,
now you can see
> where line xxx is, but you can't read it, because it's
an ugly mess of
> compressed code
>
> 7) You wish you have used HTTP compression from the very
beginning
>
> :-))
>
> ----------------------------
> Massimo Foti, web-programmer for hire
> Tools for ColdFusion and Dreamweaver developers:
>
http://www.massimocorner.com
> ----------------------------
>
>
>
>

Text field spry validation over 2 table cells?

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

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

Spry validation W3C strict

Similar Messages

Maybe you are looking for