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

    How can I to add a javascript code to my form?

    Asked by abelardo peña on January 09, 2012 at 12:35 PM
    js javascript
  • Profile Image
    JotForm Support

    Answered by abajan on January 09, 2012 at 02:25 PM

    You would need to embed the form's source into a web page and then either put the JavaScript on the same page or link to the script from the page. To which form are you referring and what exactly are you trying to accomplish. Perhaps we can help.

  • Profile Image

    Answered by chocolalo on January 09, 2012 at 05:37 PM

    Do You rebember may case, I have a form with jotform... I need this... If I choose any option in radio button these information (like different option price) will appear in a text box.... I need to conecct radio button with a text box...

     

    thanks a lot

  • Profile Image
    JotForm Support

    Answered by Mike_T on January 09, 2012 at 07:21 PM

    Please take a look at the following article:

    Conditional Logic on Forms

    Is this something you are looking for?

    Please let us know if you need any further assistance.

  • Profile Image

    Answered by chocolalo on January 09, 2012 at 07:33 PM

    Please take a look ... go to my site and check my form there...

    http://www.petlovefoundation.org/donate

     

    thanks a lot

  • Profile Image
    JotForm Support

    Answered by abajan on January 09, 2012 at 07:38 PM

    @chocolalo

    I distinctly remember providing a solution for that form. Didn't you see it? I'll see if I can locate the thread.

  • Profile Image

    Answered by chocolalo on January 09, 2012 at 07:40 PM

    Hi

    sorry, I didn´t see it... please send me the thread....

     

    thanks a lot

  • Profile Image
    JotForm Support

    Answered by abajan on January 09, 2012 at 07:54 PM

    Okay, I see what happened (I just located the thread). I decided to wait until you provided the website's URL (which you just have) and the BaseKit template used to construct it (probably not critical but it might help). Do you remember the name of the template? (Half of my BaseKit free trial period is gone.)

  • Profile Image

    Answered by chocolalo on January 09, 2012 at 08:09 PM

    Insert.

  • Profile Image
    JotForm Support

    Answered by abajan on January 09, 2012 at 08:16 PM

    I just recalled that I had in fact actually tried to get my solution to work in a BaseKit template but things got stuck when the changes made were never updated: The "Please wait" went on forever and I eventually had to close the tab in frustration. I'll try the "Insert" template and hopefully the same issue doesn't occur with that one. Otherwise, I might have to leave it entirely to my colleagues to work on this for you.

  • Profile Image

    Answered by chocolalo on January 09, 2012 at 08:42 PM

    Thanks a lot Abajan for your help... I hope everything will be ok

    thank you :)                                              

  • Profile Image

    Answered by chocolalo on January 10, 2012 at 11:54 AM

    I using basekit´code to build my site and I can see is possible to add javascript´s code there.

     

    http://basekit.zendesk.com/entries/20318626-setting-page-options

     

    Check the information below in that link..... Do you think if is possible to add the javas script to connect  radio button with a text box... maybe it works... What do you think?

     

    thanks

  • Profile Image

    Answered by chocolalo on January 10, 2012 at 08:17 PM

    thanks

  • Profile Image

    Answered by Agent47 on January 10, 2012 at 11:25 PM

    Is this what you are trying to do?

    http://www.jotform.com/form/20095742277

  • Profile Image

    Answered by chocolalo on January 11, 2012 at 01:14 AM

    Yes Agent47... I am looking for to do that exactly....you are my hero....

    How Could I to do it?

     

     

    thanks

  • Profile Image
    JotForm Support

    Answered by abajan on January 11, 2012 at 04:12 AM

    @chocolalo

    Agent47 did it by setting default values of $25.00, $50.00, $100.00, $250.00, $500.00 on five text boxes. Then a condition was set on each box to only show it if the radio button with the same value was selected. In the case of the "Please enter an amount of $10 or greater" radio button, a condition was set to only show a sixth text box that had no default value when that button was selected:



    Setup & Embed tab > Conditions > Show / Hide a form field:


    Each condition was setup in the following manner:


    Clicking "Saved Conditions" (second screenshot above) will display a summary of the conditions:


    Incidentally, at the time of posting, the text boxes in Agent47's form currently had no validation. They should each be set to numeric.

     

    Tip: One of the best ways to discover how an unembedded JotForm form works is to clone it to your account and view its saved conditions, injected CSS and other properties. In the case of embedded forms, you might also need to view the source of the page within which the form has been placed because extra CSS, JavaScript and other factors might be influencing the appearance and functionality of the form (as is the case with my solution).

  • Profile Image

    Answered by on January 11, 2012 at 01:15 PM

    ok. but i dont see in the form , the word "payment wizard" . 

  • Profile Image
    JotForm Support

    Answered by fxr on January 11, 2012 at 05:23 PM

    There is no payment integration in that form. It just uses standard text boxes and radio buttons. 

    If you want that sort of functionality in a payment form, you really need to find out if you can add scripts to wherever you plan on hosting your form, we are happy to provide some javascript (as abajan has already done), but we have spent a considerable length of time trying to help with this already, so once you have worked out how add javascripts to Basekit, come back to us and abajan can repost his javascript for you to add. 

  • Profile Image

    Answered by chocolalo on January 11, 2012 at 05:24 PM

    Can I to synchronize the diferent value from each text box with Paypal?

     

    thanks

  • Profile Image
    JotForm Support

    Answered by fxr on January 11, 2012 at 05:31 PM

    Not without the use of javascript. 

  • Profile Image

    Answered by chocolalo on January 11, 2012 at 05:59 PM

    I using basekit´code to build my site and I can see is possible to add javascript´s code there.

     

    http://basekit.zendesk.com/entries/20318626-setting-page-options

     

    Check the information in that link then go and read so below.....What do you think?

     

    thanks

  • Profile Image

    Answered by on January 11, 2012 at 06:19 PM

    Could you or Abajan do it for me (javascript´code). and the form can works good.. I can pay for this job...

     

     

    thanks a lot

  • Profile Image

    Answered by Agent47 on January 11, 2012 at 06:48 PM

    It doesn't need any additional javascript code, simply with just JotForm

    First Step

    Delete all current submission conditions you have created and save the form,

     

    2nd

    Dublicate the input text field of USD amounts to 6 of them,

    for each amount value of donation write 'em as 'Default Value' on each text box ordering $25-$500

     

    3rd

    Go to conditions "Show / Hide a form field" and you will be creating 6 conditions one for each amount of 25/50/100/250/500/Other,

    Make sure at "Then Show amount text Field" you will select the proper text box, and save the form.

    THis will make for each amount in radio buttons you select, that amount will show-up.

    Now the 'BOND' with Paypal, is simply a Page Redirection

    4th Step

    Go to Paypal.com under 'Merchant Services' create 6 donation pages, five with fixed amounts and other one,
    and make ready the links of all 6 donation pages

    5th

    Get back to JotForm, go to conditions "Change Thank You URL after submission" and for each Equals to 'amount' enter its Paypal donation page link,

    do this for all values including 'Other Amount' and Save the Form

     

    This is a way with JotForm you can do it if you don't know any web languge programing.

    -ENJOY!

  • Profile Image
    JotForm Support

    Answered by abajan on January 11, 2012 at 07:05 PM

    @Agent47

    It's most kind of you to take the time to assist chocolalo. However, upon recently reviewing your solution, I discovered that it won't work because each of those text boxes must be a payment field and only one such field is allowed per form:

    (Click image to zoom)

     

    @chocolalo

    I don't want to get your hopes up but I'm working on something that might work.

  • Profile Image
    JotForm Support

    Answered by fxr on January 11, 2012 at 07:11 PM

    @abajan,

    He isnt actually using payment fields, its just standard text boxes. 

    He then uses a customised Paypal link on a redirect condition to direct the user to paypal for the relevant payment. 

    Its a very clever solution! 

    There may be a couple of minor issues with it, but it does work. 

  • Profile Image
    JotForm Support

    Answered by abajan on January 11, 2012 at 07:14 PM

    Ah yes, I see what you mean. As usual, I didn't take the time to read the user's post properly! LOL

  • Profile Image

    Answered by chocolalo on January 12, 2012 at 07:52 PM

    If I want to add the javas code... How Can I to do it? I mean  the form can reedirect paypal page....

  • Profile Image
    JotForm Support

    Answered by abajan on January 12, 2012 at 10:32 PM

    I'm inclined to suggest you go with Agent47's solution because even though mine works just fine on a normal (non CMS) page, I run into the old problem mentioned above (Please wait...) whenever I try to include the form in a BaseKit page.

    Click the image below to go to a live demo of the form. If submitted, you will be directed to your PayPal page that will show the amount you either selected or entered. You will also receive a notification of the submission. (Incidentally, you will see a new form in your account titled "Clone of abajan's Clone of Donate prueba Form". It needs to be there for the demo to work.)

  • Profile Image

    Answered by chocolalo on January 13, 2012 at 02:55 AM

    I include your form in basekit and run normal, but the only problem is not directed a paypal, anyway,,

    thanks a lot.

  • Profile Image

    Answered by Ben on December 16, 2014 at 10:18 AM

    Hi,

    I would recommend that no one follows the link in the previous responses since the email is from the same domain where the link is pointing to and the page could lead you to unsafe content.

    I have removed the post, but my suggestion is to do the same with the emails that you got from that person.

    We apologize for this.

    *If you do follow or have followed the link mentioned above, please note that we can not provide any assistance if something is to happen as we in no manner support or advertise the previous posting.

    Best Regards,
    Ben