1 Reply Latest reply on May 11, 2010 8:04 AM by jontyrod

    Spry email confirmation works in browser preview but not on line

    jontyrod

      Hi

       

      I've got a problem using spry email confirmation.

       

      It's the usual enter email, then confirm email.

       

      When I preview it on my browser from the local site on my hard drive, it works fine, however when I put the files up onto my web hosting, I get the following problem.

       

      Next to the confirm text field, it shows the two messages which are normally reserved for not matching emails, or having not entered an email. This happens even before I put the cursor in the box.

       

      Code is attached here.

       

      Any help much appreciated.

       

      <!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>Bristol Bike Challenges - Register</title>
      <link href="bristol_bath.css" rel="stylesheet" type="text/css" />
      <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
      <script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
      <script src="SpryAssets/SpryValidationCheckbox.js" type="text/javascript"></script>
      <script src="SpryAssets/SpryValidationRadio.js" type="text/javascript"></script>
      <script src="SpryAssets/SpryValidationTextarea.js" type="text/javascript"></script>
      <script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
      <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
      <link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
      <link href="SpryAssets/SpryValidationCheckbox.css" rel="stylesheet" type="text/css" />
      <link href="SpryAssets/SpryValidationRadio.css" rel="stylesheet" type="text/css" />
      <link href="SpryAssets/SpryValidationTextarea.css" rel="stylesheet" type="text/css" />
      <link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
      </head>

       

      <body>
      <div id="container">
        <div id="banner"></div>
        <div id="top_image"></div>
        <div id="spry_menu">
          <ul id="MenuBar1" class="MenuBarHorizontal">
            <li><a href="index.html">Home</a></li>
            <li><a href="route.html">Route</a></li>
            <li><a href="register.html">Register</a></li>
            <li><a href="#">Gallery</a></li>
            <li><a href="#">Charities</a></li>
      <li><a href="#">Links</a></li>
          </ul>
        </div>
        <div id="main_image"></div>
        <div id="register_image">Registration - Enter your details below then click submit. You will then have the choice to register another person or move on to payment.</div>
        <div id="forms">
          <form id="form1" name="form1" method="post" action="form.cgi">
          <table width="951" border="0">
          <tr>
          <td width="352" height="43"><label for="firstname">First Name(s)</label></td>
          <td width="589"><span id="sprytextfield1">
            <input type="text" name="firstname" id="firstname" accesskey="f" tabindex="10"/>
            <span class="textfieldRequiredMsg">Please enter your first name</span></span></td>
        </tr>
        <tr>
          <td><label for="surname">Surname</label></td>
          <td><span id="sprytextfield2">
            <input type="text" name="surname" id="surname" accesskey="s" tabindex="20"/>
            <span class="textfieldRequiredMsg">Please enter your surname</span></span></td>
        </tr>
        <tr>
          <td><label for="address">Address</label></td>
          <td><span id="sprytextarea1">
            <textarea name="address" id="address" accesskey="a" tabindex="30" cols="45" rows="5"></textarea>
            <span class="textareaRequiredMsg">Please enter your address</span></span></td>
        </tr>
       
        <tr>
          <td><label for="email">Email</label></td>
          <td><span id="sprytextfield3">
          <input type="text" name="email" id="email" accesskey="e" tabindex="40"/>
          <span class="textfieldRequiredMsg">Please enter your Email</span><span class="textfieldInvalidFormatMsg">Your email address doesn't look right, please check it</span></span></td>
        </tr>
        <tr>
        <td><label for="email_confirm">Confirm Email</label></td>
        <td><span id="spryconfirm1">
          <input type="text" name="email_confirm" id="email_confirm" accesskey="c" tabindex="42" />
          <span class="confirmRequiredMsg">Please enter your Email</span><span class="confirmInvalidMsg">Email addresses don't match</span></span></td>
        </tr>
       
        <tr>
          <td><label for="telephone">Telephone No.</label></td>
          <td><span id="sprytextfield4">
            <input type="text" name="telephone" id="telephone" accesskey="t" tabindex="50"/>
            <span class="textfieldRequiredMsg">Please enter your telephone number</span></span></td>
        </tr>
        <tr>
          <td><label for="dob">Date of birth (DD/MM/YY)</label></td>
          <td><span id="sprytextfield7">
            <input type="text" name="dob" id="dob" accesskey="d" tabindex="55" />
            <span class="textfieldRequiredMsg">Please enter your date of birth</span></span></td>
        </tr>
             
        <tr>
          <td>Are you male or female?</td>
          <td><span id="spryradio3">
          <label>
            <input type="radio" name="Malefemale" value="male" id="Malefemale_0" />
            Male</label>
          <br />
          <label>
            <input type="radio" name="Malefemale" value="female" id="Malefemale_1" />
            Female</label>
          <br />
          <span class="radioRequiredMsg">Please make a selection.</span></span></td>
        </tr>
        <tr>
          <td>Which route do you want to register for?</td>
          <td><span id="spryradio1">
            <label>
              <input type="radio" name="routechoice" value="Challenge" id="routechoice_0" />
              Challenge (£10)</label>
            <br />
            <label>
              <input type="radio" name="routechoice" value="Challenge Extra" id="routechoice_1" />
              Challenge Extra (£15)</label>
            <br />
            <label>
              <input type="radio" name="routechoice" value="Challenge Ultra" id="routechoice_2" />
              Challenge Ultra (£20)</label>
            <br />
            <span class="radioRequiredMsg">Please make a selection.</span></span></td>
        </tr>
        <tr>
          <td>Do you need to hire a bike (£15/day adults, £10/day child)?</td>
          <td><span id="spryradio2">
            <label>
              <input type="radio" name="bikehire" value="Yes to bike hire" id="bikehire_0" />
              Yes</label>
            <br />
            <label>
              <input type="radio" name="bikehire" value="No to bike hire" id="bikehire_1" />
              No</label>
            <br />
            <span class="radioRequiredMsg">Please make a selection.</span></span></td>
        </tr>
        <tr>
          <td><label for="height">If you're hiring a bike, please tell us your height.</label></td>
          <td><input type="text" name="height" id="height" accesskey="h" tabindex="60"/></td>
        </tr>
        <tr>
          <td><label for="terms2">Please tick the box to confirm that you have read and agreed to our <a href="terms_conditions.html">terms & conditions</a></label></td>
          <td><span id="sprycheckbox2">
            <input type="checkbox" name="terms2" id="terms2" accesskey="c" tabindex="70" />
            <span class="checkboxRequiredMsg">Please make a selection.</span></span></td>
        </tr>
        <tr>
        <td> </td>
        <td> </td>
        </tr>
      </table>
         
            <p>
              <label>Click this button to submit these details and move on to the next step - 
                <input type="submit" name="Submit" id="Submit" value="Submit these details" />
              </label>
             
            </p><input name="recipient" value="registration@ukchallengeevents.com" type="hidden">
            <input type=hidden name="subject" value="New Registration">
            <input type=hidden name="redirect"
                                        value="http://www.ukchallengeevents.com/register_more.html">
          </form>
         
         
        </div>
        <div id="footer"><a href="about_us.html">about us</a> - <a href="contact_us">contact us</a> - uk challenge events ltd - all rights reserved</div>
      </div>
      <script type="text/javascript">
      <!--
      var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
      var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
      var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2");
      var sprytextarea1 = new Spry.Widget.ValidationTextarea("sprytextarea1");
      var sprytextfield3 = new Spry.Widget.ValidationTextField("sprytextfield3", "email", {validateOn:["blur"]});
      var sprytextfield4 = new Spry.Widget.ValidationTextField("sprytextfield4");
      var spryradio3 = new Spry.Widget.ValidationRadio("spryradio3");
      var spryradio1 = new Spry.Widget.ValidationRadio("spryradio1");
      var spryradio2 = new Spry.Widget.ValidationRadio("spryradio2");
      var sprycheckbox2 = new Spry.Widget.ValidationCheckbox("sprycheckbox2");
      var sprytextfield7 = new Spry.Widget.ValidationTextField("sprytextfield7");
      var spryconfirm1 = new Spry.Widget.ValidationConfirm("spryconfirm1", "email", {validateOn:["blur"]});
      //-->
      </script>
      </body>
      </html>

       

      Cheers Jon