Required field function not working

  • Profile Image
    Klokhuis
    Asked on October 08, 2012 at 04:13 PM

    Just about to go live and required fields have suddenly stopped working, i just received a form I never completed!! never filled in catpcha!

    Very frustrating as up til now Ive been very happy.

     

    any advice out there?

  • Profile Image
    Klokhuis
    Answered on October 08, 2012 at 04:26 PM

    iframes seems to be the default answer for this. That solves the required fields issue, but fixes the depth of my form. There are a lot of conditionals in the form so i dont want a fixed depth to the form, how do i get around this?

     

    http://klokhuis.cloudaccess.net/jupgrade/index.php/registratie

  • Profile Image
    NeilVicente
    Answered on October 08, 2012 at 05:35 PM

    The form is have script clashes with other plugins on your site.

    You have two options:

    You can set the iFrame to use auto-scrolling by changing your embed codes so that scrolling="auto"

    For example:

    <iframe allowtransparency="true" src="//form.jotform.me/form/xxxxxxx" frameborder="0" style="width:100%; height:6573px; border:none;" scrolling="auto">
    </iframe>

    -------------------

    If you still prefer to use the default script type embed codes, try inserting the code below right before your script embed codes:

    <script type="text/javascript">
      $.noConflict();
    </script>

    So for example, your codes will become:

    <script type="text/javascript">
      $.noConflict();
    </script>

    <script type="text/javascript" src="https://secure.jotformeu.com/jsform/22756063207350"></script>


    Let me know if it makes any difference or not. Thanks!

  • Profile Image
    Klokhuis
    Answered on October 08, 2012 at 06:41 PM

    Thanks Neil

    ok the iframes i can live with the scroll bar appearring as it will only happen when certain conditionals are met.

    The script approach would be preferable though, although it didnt work when I tried it. Should I drop the javascript no conflict command somewhere else perhaps? The .js file of the template im using?

    Or are there particular plugins that you know are a problem?

  • Profile Image
    Mike_T
    Answered on October 08, 2012 at 08:20 PM

    The problem seems to be related to the conflict with a Mootools Javascript Framework.

    Please try to move the mootools-core.js a bit down, place it after mootools-more.js, and then re-check your page.

    Thank you.

  • Profile Image
    Klokhuis
    Answered on October 09, 2012 at 03:52 AM

    not sure where to find the actual php file to change that order.

    I did however find a further simple plugin that disables mootools

    http://extensions.joomla.org/extensions/core-enhancements/performance/mootools/15748

    this solved the problem immeadiately. I dont see any change to my site so this works for me.

  • Profile Image
    idarktech
    Answered on October 09, 2012 at 03:55 AM

    @Klokhuis

    Yes that causes the conflict between the form script. Anyway, glad to hear it's working fine now.

    Cheers!

  • Profile Image
    Klokhuis
    Answered on October 09, 2012 at 04:05 AM

    I guess this is the sort of issue you guys are constantly working on. Jotforms is great by the way, I really like working with this tool.