Spry Validation Select ultimate beginner

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

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

Similar Messages

Spry Validation Selection - Required with Default Initial Selection

Hello,
I am using a Spry Validation Selection drop down. I want the user to choose 1, 2, 3, or 4. I would also like the drop down to initially say "Choose One" I would like to force the user to have to choose 1, 2, 3 or 4. Is this possible simply through Dreamweaver's edits?
Thanks,
Melanie

Yes, have a look at the following
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="SpryAssets/SpryValidationSelect.js"></script>
<link href="SpryAssets/SpryValidationSelect.css" rel="stylesheet">
</head>
<body>
<form action="" method="post">
<span id="spryselect1">
<label for="select1"></label>
<select name="select1" id="select1">
      <option value="">Please choose one....</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
</select>
<span class="selectRequiredMsg">Please select an item.</span></span>
<input name="" type="submit">
</form>
<script>
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1", {validateOn:["blur", "change"]});
</script>
</body>
</html>
Gramps

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.

Filtering A Dataset Using the Spry Validation Select Widget

Given the code below, how can I filter the rows in the
ds_BestConvertingByCategory dataset (in the spry:repeat area) that
match the product category (prodcat_id) selected in the Spry
Validation select widget?
// product categories table: columns - prodcat_id,
prodcat_desc
var ds_ProductCategories = new
Spry.Data.XMLDataSet("category_qry2xml.php", "product/category",
{useCache:false});
// has prodcat_id column
var ds_BestConvertingByCategory = new
Spry.Data.XMLDataSet("product_qry2xml.php", "special/deals[type =
'Best Converting']", {useCache:false});
// Spry regions inside a TabbedPanel
<div class="TabbedPanelsContent">
<form id="formOffersByCategory" class="frmsprysel"
name="formOffersByCategory" method="post" action="">
<strong>Select a Product Category: </strong>
<span spry:region="dsProductCategories"
id="spryselectProductByCategory">
<select spry:repeatchildren="ds_ProductCategories"
name="offersByCategory" id="offersByCategory"
onChange="ds_ProductCategories.setCurrentRowNumber(this.selectedIndex);">
<option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}"
value="{prodcat_id}"
selected="selected">{prodcat_desc}</option>
<option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}"
value="{prodcat_id}">{prodcat_desc}</option>
</select>
</span>
</form>
<div id="offersbycategory"
spry:region="ds_BestConvertingByCategory"
class="SpryHiddenRegion">
<table id="offersByCategoryTbl" width="100%">
<tr class="colhdr">
<th width="50%">Offer</th>
<th width="50%">Code</th>
</tr>
<tr spry:repeat="ds_BestConvertingByCategory">
<td width="50%">{displaytext}</td>
<td width="50%">{offer_code}</td>
</tr>
</table>
</div>
</div>
// Spry validation select widget
var spryselectProductByCategory = new
Spry.Widget.ValidationSelect("spryselectProductByCategory");

Hi flipone01,
To do this, make your region depend on both
ds_ProductCategories and ds_BestConvertingByCategory, then use the
spry:test attribute in conjunction with spry:repeat to weed out
items that don't have the same product id:
<div id="offersbycategory"
spry:region="ds_BestConvertingByCategory ds_ProductCategories"
<tr spry:repeat="ds_BestConvertingByCategory"
spry:test="{ds_BestConvertingByCategory::productcat_id} ==
{ds_ProductCategories::productcat_id}">
</div>
Remember that if you make a region depend on more than one
data set, you need to switch to using fully qualified data
references as the example above does (using the :: notation). If
you don't do that the data references default to the first data set
in the spry:region attribute.
--== Kin ==--

Spry validation select widget problem

Dreamweaver CS3
Im using spry validation for my form but the two spry validation select widgets I am using are not working. When I test them I keep getting errors that nothing has been selected when something has in fact been selected. I've used spry validation before with no problems but this is the first time using the spry validation select widget.
My code:
<tr>
            <td valign="top">Page in Question*</td>
            <td valign="top"><span id="spryselect1">
              <label>
              <select name="select1" id="select1">
                <option selected="selected">Home</option>
                <option>About Us</option>
                            </select>
              </label>
              <span class="selectRequiredMsg">Please select an item.</span></span></td>
          </tr>
          <tr>
            <td valign="top">Which Internet Browser do you use?*</td>
            <td valign="top"><span id="spryselect2">
              <label>
              <select name="select2" id="select2">
                <option selected="selected"> </option>
                <option>Internet Explorer</option>
                <option>Firefox</option>
                <option>Safari</option>
                <option>Opera</option>
                <option>Google Chrome</option>
                <option>Other</option>
              </select>
              </label>
              <span class="selectRequiredMsg">Please select an item.</span>              </span></td>
          </tr>
Appreciate the help.

Hi Daniel,
Im having the same problem, can you please tell me what you did? I understand you found the problem?
Thank you!

Spry Validation Select Problems cs5

Hi,
Part of my website uses a drop down to select from a list of products {product_name} - which is part of my dataset ds_Products.
Problem: The output is diplayed without a selection drop down and the web page dispalys "{product_name}" instead of the drop down in place of it when i look at the live view or even in the actual browser.
Code pieces:
<script type="text/javascript">
<form name="form1" action="" method="post">
        Search products:
<span spry:region="ds_Products" id="product_select">
<select spry:repeatchildren="ds_Products" name="ProductSelect" onchange=”ds_Products.setCurrentRowNumber(this.selectedIndex);">
    <option spry:if="{ds_RowNumber} == {ds_CurrentRowNumber}" value="{product_name}" selected="selected">{product_name}</option>
    <option spry:if="{ds_RowNumber} != {ds_CurrentRowNumber}" value="{product_name}">{product_name}</option>
</select>
</span>
</form>

How can I get my selection list/ drop down list to be represented from my dataset?
Thanks.

Hey folks,
Surprisingly, I figured out that the code is working fine when I clicked "Live View".
So the problem actually was my local host wasn't set up correctly.
For those having the same problem on windows 7 & cs5, make sure that:
iis service is running on ur machine
the testing server is set up on dreamweaver - in my case it was a local connection anf not ftp. Remember to specify your site folder when you do this.
you copy the site folder to (in my case) xampp/htdocs or whatever localhost service you are using.

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>

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.

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.

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 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 textfield - required condition

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

...plz help me..

Spry Validation Conditional

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

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

Spry Validation in Tabbed Panel

I've created a form that has a number of sections which I
have separated out using a spry tabbed panel. So far, so good.
On one of the panels, however, is a select box that is
required, so I have used a spry validation widget to look after it.
Now, if the select box hasn't been used then and the submit button
is clicked while one of the other panels is open, because the
validation widget halts the form it makes it look as though nothing
has happened. The warning message is only visible when the correct
panel is open.
My question is this: how do I either (a) force the panel with
the error on to reopen or (b) make the error message show up
elsewhere on the page so that it is visible? I tried positioning it
absolutely above the whole panel but it still only shows up when
the relevant panel is oen.

I have actually added multiple tabbed panels inside of tabbed
panels as well as collapsible panels inside of tabbed panels and
vise versa. This works across all browsers (IE 6 & 7, FF 2,
Safari 2 & 3).
The key for me was to use <div style="clear: both"> (I
put a comment here to satisfy IE6) </div> at the bottom of
the tab, before the closing of the tab since I was using a lot of
floating within the tabbed panels.
If you share some code, I'm sure someone could give you a
more specific answer.

Spry Validation Select ultimate beginner

Similar Messages

Maybe you are looking for