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

    I need an idea to make easier form. for my webpage?

    Asked by dante01 on April 26, 2011 at 05:02 PM

    Hello everybody Specially to Aytekin abi.

    thanks to jotform make me able to create easy form, so any costumer will be able to fill it out easily. And i can get my order. Also with PayPal payment tools i even don't need and extra checkout.

      Everything is good but my problem is i have 2 extra option on my items (please check form from here http://www.newpendant.com/p03g.php)

    First costumer have to buy pendant.

    And if they want to engrave picture on, it will be extra charge end they have to click on (Engrave my picture)

    And if they want to engrave text on back it will be extra charge end they have to click on (Engrave my text)

    But what same of my costumers doing are choosing only two extra option and paying for only (engrave picture) and (Engrave text) and they don't realize they are not paying for pendant.

    I wish to when any costumer fill my forms, The first option (Add to my card) Pendant be included already. Any costumer when fill my form i want to pendant price be included it self.

    Are there any way to do this. Or What else can i do to make it better, easier and understandable

    Not: My English is not perfect i am sorry for misspelling 

    Page URL:
    http://www.newpendant.com/p03g.php

  • Profile Image
    JotForm Support

    Answered by liyam on April 27, 2011 at 12:00 AM

    Hello dante01,

    I would like to suggest a few of things:

    1.  Change the "Add to Card" description of your pendant to something like "Pendant".  The title you have placed may be confusing the buyer what it is so they are not clicking it.

    2.  It would be best if you can copy the whole source code and place it inside your HTML file instead of embedding the source.  This will make your form more flexible and insert javascripts.  When you are able to do so, you can make a code where if the 1st checkbox is not checked, the submit button will be disabled.  The submit button will be enabled only when the 1st checkbox is checked.

    Here is my sample form copied from your form: http://ravnos.t35.com/smallheartpendant.html

    I'd be happy to provide you assistance on how I made this form.  Just let me know.

    Thanks.

  • Profile Image

    Answered by dante01 on May 01, 2011 at 04:46 PM

    Wow this amazing. I can get code to my webpage to. I am good on css and html.  And you are rigth i sould write pendants name instead of writing add to cart. i will going to change all them now.

     How did you disabled submit button on my form i get all code to my wepage

    Example

    http://www.newpendant.com/bbbbbbbbbbb.php

    And thank you for your help. 

  • Profile Image
    JotForm Support

    Answered by liyam on May 02, 2011 at 01:33 AM

    Hello dante01,

    Here are a few things that you need to do:

    1. find the name of the form.
    2. find the ID of the checkbox

    Step 1:

    For my sample formpage, here's my form name:

    <form class="jotform-form" action="http://www.jotform.com/submit.php" method="post" enctype="multipart/form-data" name="form_11150652948" id="11150652948" accept-charset="utf-8">

         Note:  My form name is different from yours

    And this is the checkbox, take note of the ID:

    <input class="form-checkbox validate[required]" type="checkbox" id="input_40_1004" name="q40_products[][id]" value="1004" />

    Step 2:

    Now what I did was create this javascript and placed this in my header tag (I have set to bold the parts that you might need to replace depending on your form's name and ID:

    <script type="text/javascript">

    function theChecker()
    {
    if(document.getElementById('input_40_1004').checked==false)
    {
    document.form_11150652948.thebutton.disabled=true;
    }
    else
    {
    document.form_11150652948.thebutton.disabled=false;
    }
    }
    </script>

    Step 3:

    After I exported my source to my own HTML file, I added a name property in the button name="thebutton".  So from:

    <button id="input_7" type="submit" class="form-submit-button">

    It becomes:

    <button id="input_7" type="submit" class="form-submit-button" name="thebutton">

    Step 4:

    I also added an onload property in my <body> tag so that it will load the button as disabled:

    <body onload="document.form_11150652948.thebutton.disabled=true">

    Step 5:

    Finally, to make your button toggle the enable and disable switch for the checkbox, you will need to add an onClick property in the checkbox and add the function:

    <input class="form-checkbox validate[required]" type="checkbox" id="input_40_1004" name="q40_readyTo[][id]" value="1004" onclick="theChecker()" />

    Step 6:

    Save your form and test it.

  • Profile Image

    Answered by allanftd on May 02, 2011 at 01:37 AM

    Hi dante01,

    To answer now on behalf of liyam, you can create Conditions to make such an effect possible. Here's how you do it:

    1) Go to the Setup & Embed tab of your Form Builder toolbar and click Conditions

    2) Once the Conditions Wizards appears, select Show/Hide A Form Field option and click Next

    3) Refer to the screenshot below and follow the settings:

    4) Click Save.

    The above condition simply means that if Product Item #1 in the Product List is checked, the Submit button will be enabed/shown.

    We hope you find this information useful. Please let us know if you need further assistance. Thank you for using JotForm!

    JOTFORM SUPPORT

  • Profile Image
    JotForm Support

    Answered by liyam on May 02, 2011 at 01:39 AM

    By the way, the form I created is just a copy from your form, it is not a complete clone so don't use my form's source. 

    The changes to look into are the form names and ID's.

    If you need assistance just let me know.

    Thanks

  • Profile Image
    JotForm Support

    Answered by liyam on May 02, 2011 at 01:42 AM

    Hmmm.. Now I think Allan's solution is quicker to implement.  You can try that out

  • Profile Image

    Answered by allanftd on May 02, 2011 at 02:01 AM

    Hello dante01 and liyam,

    @dante01,

    You can choose either of these. liyam's version is more creative and has a more sophisticated feel, whereas the second version I did is easier to implement. So it depends on which factor is more important for you. Either way, your JotForm form will work excellently into your website.

    @liyam,

    Thanks, the solution you made was my inspiration. At first look, I actually thought we had the same solution that's why I gave out instructions to dante01. 

    JOTFORM SUPPORT

  • Profile Image

    Answered by dante01 on May 02, 2011 at 02:57 PM

    Liyam and Allanftd
    Thank you it was realy nice help. I realy like Liyam  work it is very usefull but i have about 30 or more form thet already setup. it will be hart for me to go all those form and go to my website to and make change.

    For now i will go with Allanftd work it is seems more easier to me.

    And like Liyam said i will change all name on my forms "Add my cart" to the pendants name as like "Small heart pendant"

    Liyam you are realy rigth it is confusing buyer.

    Thank to both of you

     

  • Profile Image
    JotForm Support

    Answered by liyam on May 03, 2011 at 12:57 AM

    It is great to know that we were able to help you with your concern.

    If you have other concerns or inquiries, just let us know and we'll be glad to help.

    Thanks and warm regards,

    -Liyam