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

    HTML and jotform combination not working

    Asked by AnaB29 on October 31, 2012 at 08:48 PM

    Hello,

     

    Ive created a swatch request with checkboxes and images, and have wrapped it within a jotform that has the information fileds, captcha, and submit/reset buttons.  I've downloaded the sorce code, moved the CSS and JS files to my directories, corrected the paths on my html page and pasted the jotfom code, wrapping the <form> element around  my html.

    Here is the link to the page: http://www.eveandellie.com/new/swatches.html

    I have 3 problems.

    1. The hint example text is not showing up in the 2 text area boxes.

    2. The captcha button is not working properly.

    3. I have wrapped the jotform around my checkbox inputs, but when I submit the form, it only generates the jotform fields, not my checkbox values.

     

     

    Page URL:
    http://www.eveandellie.com/new/swatches.html

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on October 31, 2012 at 09:08 PM

    Hello there,

    To answer your questions:

    1. The hint example text is not showing up in the 2 text area boxes.

    2. The captcha button is not working properly.

    There may be conflicts between the scripts from the form and those from the page

    3. I have wrapped the jotform around my checkbox inputs, but when I submit the form, it only generates the jotform fields, not my checkbox values.

    That is the expected behaviour since the fields that you have added were not created y our form builder it will not read their input.

     

    Is there a specific reason why you are using teh source code this way?

    It is quite probable that issues such as these occur when using the source code on your page.

    We suggest looking at an alternative way of designing your page where you can fully build the form with our form builder and then embed the form on to your site using methods such as iFrame in order to prevent conflicts between the scripts.

    Let us know if we can help you achieve this! 

  • Profile Image

    Answered by AnaB29 on October 31, 2012 at 09:44 PM

    Thank you Eduardo for your reply,

    Yes, I figured that there was a script conflict, but I also thought as you are more familliar with your scripts you amy be able to point out the conflict.

    The only reason I made the form this way is, I couldn't see how I could get a jotform to look like the part of form that I coded manually using jotform.  I am new to your site so any ideas on how to recreate the this form fully in jotform would be appreciated.

    Is this something that I can do with that iFrame that you mentioned?  How would you go about making a swatch request form like this in jotform?

     

    Thanks again and I look forward to hearing from you!

    Ana

     

  • Profile Image
    JotForm Support

    Answered by idarktech on October 31, 2012 at 11:03 PM

    Hi Ana,

    1 & 2 - You have incorrect path of your JS files, this maybe the reason why JotForm doesn't function well. As of this typing you are using js/js-swa instead of js/jot-swa check this screen. Kindly review.

     

    3 - Like what my colleague have mentioned, you do not have this on your form so it's not possible to get it's responses via Email except for the fields created on JotForm. The best way to overcome this is to create these checkbox fields to JotForm and after that, get the form source code and customize it in any way you want. Just be sure not to alter any of the checkbox field ID's to avoid missing answer on submissions notification.

    Just let us know if you have further questions. Thanks!