Forums

The form don`t validate sent data using mozilla firefox. The form validate the data using IE7. Somethiong know because don´t validate with firefox.

thanks.

Hi, you mean JS validation ? can I see this form ?

I also can't get validation to work (Chronoforms V3)

http://cchapel.internetlinked.com/index.php/contact-us

[attachment=0]settings.jpg[/attachment]

Yes, the form don´t validate with javascript. The option "Enable Validation" is Yes and "Validation Library" is mootools. The form validate information using IE, but no using firefox. The website is out os service. I'll put the website and I´ll write the url
Thanks

I should see and test the page to know why firefox doesn't work, do u have any other JS libraries loaded on the page ?

Not sure what you are wanting but here is the form code

<p class="contentheading">Contact Us</p>
<table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td></td>
    <td><p align="right">P.O. Box 302-659<br />
         North Harbour<br />
        Auckland 0751</p>
      <p align="right">Tel: + 64 9 918-8000<br />
      Fax: + 64 9 918-8059</p>
      <p align="right">E-mail: <a href="mailto:info@calvarychapel.org.nz">info@calvarychapel.org.nz</a></p></td>
  </tr>
</table>
<form>
  <fieldset>
  <legend>Name</legend>
  <p>
    <label for="firstname">Firstname <span class="required">* </span> </label>
    <input name="firstname" type="text" class="txt" id="firstname" value="" size="60" maxlength="25" />
  </p>
  <p>
    <label for="surname">Surname <span class="required">* </span> </label>
    <input name="surname" type="text" class="txt" id="surname" value=""  size="60" maxlength="25" />
  </p>
  </fieldset>
  <fieldset>
  <legend>Contact Details</legend>
  <p>
    <label for="email">E-mail <span class="required">* </span></label>
    <input name="email" type="text" class="txt" id="email" value="" size="60" maxlength="70" />
  </p>
  <p>
    <label for="phone">Phone <span class="required">* </span></label>
    <input name="phone" type="text" class="txt" id="phone" value="" size="60" maxlength="15" />
  </p>
  </fieldset>
  <fieldset>
  <legend>Message</legend>
  <p>
    <label for="Subject">Subject <span class="required">* </span></label>
    <input name="subject" type="text" class="txt" id="subject" value="" size="60" maxlength="75" />
  </p>
  <p>
    <label for="Message">Message <span class="required">* </span> </label>
    <textarea name="message" rows="6" cols= "55" class="txt" id="message"></textarea>
  </p>
  </fieldset>
  <fieldset>
  <legend>Verification</legend>
  <p>
    <label for="Verification">Enter Code <span class="required">* </span></label>
	{imageverification}
  </p>
  </fieldset>
  <div class="button">
    <p align="left">
      <input type="submit" name="Submit" value="Submit" class="button" />
    </p>
  </div>
</form>

No I'm not using any other JS

Hello, I mean I need a link to see the page live!

Ok... it is above but here it is again
http://cchapel.internetlinked.com/index.php/contact-us

Cheers :-)

Hi abasel,

does this work in IE7 ??? the mootools library is not loaded!! which Chronoforms version you have ?

Aaagh my host has crashed... will check when it's up again and let you know

No it doesn't work in any browser.

How do I load the mootools library?

I'm using v3 beta

beta 1 or beta 2 ?

Beta 2

strange, it should be loaded, do you have validation enabled set to "yes" and mootools library selected ?

Here are my settings

[attachment=0]chronoformsettings.jpg[/attachment]

very strange, can you enable "load ChronoForms CSS/Js files" at the general tab and retry ?

let me know

Max

That worked... but what is strange is that my submit button has now changed (I'll look at the actual coding tonight to see if I can work it out).

Before I enable "load ChronoForms CSS/Js files"
[attachment=1]button1.jpg[/attachment]

After I've enabled it
[attachment=0]button2.jpg[/attachment]

this is strange, why it only works when you enable that setting... could you please change it back and let me look again ? it should work as it was because its the CSS which is changing the button looking

Max

I've set it to "no" now.

In FF 3, the button appearance changes but in IE7 it remains the same. In IE7 however, the pages loads with errors and the JS doesn't appear to work.

IE7 the error is there under both conditions.

[attachment=0]error2.jpg[/attachment]

Need to get off to work now... 730am this end... will check e-mail later.

Thanks for your help.

Hi abasel,

Thank you, this is super strange, mootools should be loaded in both cases but its not loaded now, set it back without file and try to add this line at the top of your form code:

<?php JHTML::_('behavior.mootools'); ?>

let me know!

Max

Hi.. done. Works for FF but IE still tells me that page has loaded with errors and the validation doesn't work.

Cheers
Andre

clean IE cache ?