Calculated Fields Form Onclick Event

This post is about codepeople’s Calculated Fields Form onclick event.

Onclick events are meant to be added to buttons in calculated field forms to carry out a particular function. Some of the functions you can carry out with the onclick events include:

1. Create a calculate button
2. Create a submit button
3. Create a next button
4. Create a back button
5. Create a button with a url redirection

How to create a calculate button with an onclick event

Instead of using an onclick event, there is an easier way of adding a ‘calculate’ button. I will show you how to do that.

The first step is to uncheck this ‘Eval dynamically the equations associated to the calculated fields’ in the form setting. See how to do it below:

After doing that, do the following:

1. Add a button field
2. In the function type select ‘calculate’.

See the video below:

How to create a submit button with an onclick event

Remember that data submission is only available in the premium versions of the plugin.

1. Insert a ‘button’ field
2. In the onclick event add the following code:

jQuery(this).closest(‘form’).submit();

And that’s it.

Watch the video below:

How to create a Next button with an onclick event

1. Insert a button field
2. Add the following code as the onclick event:

jQuery('.pbNext', '.pbreak:visible').click();

and thats it.

How to create a Back button with an onclick event

1. Insert a button field
2. Add the following code as the onclick event:

jQuery('.pbPrevious', '.pbreak:visible').click();

How to Create a button with a url redirection

1. Insert a button field
2. Add the following code as the onclick event:

redirectToURL('https://www.yourwebsite.com/page');

You should replace the example url with yours.

Do you have any other question about Calculated Fields Form Onclick Event? Let me know what it is, I would like to help you.

To learn more about calculated fields form and how to use it, check out this post. To download your copy of the plugin, click here.