What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Validation Function Not Working

    Asked by henkiepenkie on September 07, 2011 at 09:09 AM

    Hi,

     

    I have created a form which works actually quite fine but there is only one problem.

    When in preview mode on the jotform website it does not send the form when all required field are not filled in.

    But when I paste the code on my own website it does send the form without displaying any warnings and it goed to the thank you page immediatly, so  I end up getting empty forms.

     

    Thank you.

    Oshin

     

    The Url of my site = www.stickymedia.nl

    and the form: http://www.jotform.com/form/12494532630

    Page URL:
    www.stickymedia.nl

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 07, 2011 at 11:11 AM

    Hi Oshin,

    You have embedded the form using source codes, that is why the form's validation scripts are clashing with the other scripts in your site. This causes the form's special functions to not work.

    To prevent this from happening, embed your form using iFrame codes

    1.  Go to Setup & Embed tab
    2.  Click Embed Form
    3.  Click iFrame
    4.  Copy the codes provided in the succeeding screen then paste it on your page

    To retain the styling for your form, please inject this custom css:

    input, textarea {
        background: none repeat scroll 0 0 #E2E2E2;
        border: 1px solid #B7B7B7;
        border-radius: 6px 6px 6px 6px;
        color: #4F4F4F;
        display: inline-block;
        font-size: 12px;
        padding: 5px 12px;
        text-align: left;
        text-transform: lowercase;
        width: 81%;
    }

    To inject custom css:

    1.  Go to Setup & Embed tab
    2.  Click Preferences Form button
    3.  Choose Form Styles tab
    4.  Copy and paste the css code in the Inject Custom CSS textarea


     

    Hope you find this helpful.


    Neil

  • Profile Image

    Answered by henkiepenkie on September 07, 2011 at 12:52 PM

    Thanks alot Neil. Really helped me out. This jotform is great, tried other form builders, but think this is better because there is more customization options, at least so it seems :) Also managed to chenge the submit button to a cusom color. I am a bit new to css so its still alot of trial and error.

    Thanks anyway again.

  • Profile Image
    JotForm Support

    Answered by NeilVicente on September 07, 2011 at 03:25 PM

    We're always glad to be of service. Should you need further assistance with regard to creating your forms, please don't hesitate to inform us. Thanks!


    Regards,
    Neil