Empty Required field doesn't block form submission

  • Profile Image
    britto
    Asked on February 22, 2012 at 06:19 AM

    My embedded form show me warnings for empty required fields(no spaces inside) but then go on to captch page instead on online form is stopping correctly...

    which script verify required field on submit ?

    www.sportequal.org/prova.html

    Thanks

  • Profile Image
    fxr
    Answered on February 22, 2012 at 01:15 PM

    You have stripped out all the javascript from the embedded forms source code on your web page.

    You need to add the following above your exisiting form source code:

    http://pastie.org/3433613

    and the script below need to go at the end of it, before the closing </form> tag. 

    <script type="text/javascript">

     

      document.getElementById("si" + "mple" + "_spc").value = "20050803994-20050803994";

      </script>

     

     

  • Profile Image
    britto
    Answered on February 23, 2012 at 05:46 AM

    actually you are right i can not see the script with firebug but it is on my article (i'm working with no editor) and description boxes and warning are showing as in the script !?

  • Profile Image
    britto
    Answered on February 23, 2012 at 05:52 AM

    ..with firebug i get an error:

    this.inject is not a function

    function flatten(){return this.inject([],function(array,value){if(Object.isArray(value))

  • Profile Image
    liyam
    Answered on February 23, 2012 at 07:18 AM

    After testing your form further, I found out that the scripts running the jotform validation tool is in conflict with your mootools.js.  So the solution that I could think of with this is to use iFrame code instead.

  • Profile Image
    britto
    Answered on February 26, 2012 at 09:28 AM

    i moved my form inside iframe tag

    nothing change

    it was not that the reason

    you can see the script in the page with iframe and without

  • Profile Image
    idarktech
    Answered on February 27, 2012 at 12:27 AM

    @britto,

    You are still using full source code on this page: http://www.sportequal.org/index.php?option=com_content&view=article&id=111&tmpl=component&task=preview. This page contains mootools.js file which is conflict to some of the JotForm scripts.

    What my colleague suggested above is to re-embed your form using iFrame code. To get your form's iframe code, please follow this steps below:

    1. Go to Setup & Embed

    2. Click Embed Form

    3. Select iFrame

    4. Copy the provided code.

    That should fixed it. Message us here if you have further questions. Thank you so much!

  • Profile Image
    britto
    Answered on February 27, 2012 at 04:10 AM

    Ok but how can i make same form on jotform..as you can see my form is slightly different from that one  is possibile to make on line..

  • Profile Image
    NeilVicente
    Answered on February 27, 2012 at 10:34 PM

    @britto

    An alternative to my colleague's suggestion is to copy your customized form codes in a blank HTML page (with basic html codes, of course).

    Then, embed this page on your webpage using iFrame tags - http://www.w3schools.com/tags/tag_iframe.asp