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.
Everything worked except the way error messages are displayed!Asked by manolox on May 16, 2013 at 10:58 PM
Everything worked except the way error messages are displayed!!!
When the form has errors and you submit it instead of showing the error messages that I have in each particular form, the frame goes to another weird page with a gray background that indicates de error fields and has a link to go back.
This has to problems for me:
1 - The "back" link doesnt work. Instead of going back to the form it goes to google.com
2- I can't customize that text and I need another copy of this form in spanish as well.
Can I keep the "error message" system for each form the way I have it setup originally?
If not, can at least the "back" link work and lte me customize this error page?
This is a re-post of a comment on How to Create a Basic Multiple Payment form
You must be refering to the error page like this
What I suggest you do is embed the payment forms using an iframe.
Here is a test form you can try http://www.jotformpro.com/form/31362863270957?
I use the following iframe codes into the html to display the form
<h5>PAYMENT METHOD - PayPal Payment</h5>
<iframe src="//form.jotformpro.com/form/31332627183955" frameborder="0" style="width:100%; height:100%; min-height:600px; border:none;" scrolling="no"></iframe>
<h5>PAYMENT METHOD - Banco Popular</h5>
<iframe src="//form.jotformpro.com/form/31354845305957" frameborder="0" style="width:100%; height:100%; min-height:550px; border:none;" scrolling="no"></iframe>
<h5>PAYMENT METHOD - At Registration Center</h5>
<iframe src="//form.jotformpro.com/form/31355413460951" frameborder="0" style="width:100%; height:100%; min-height:550px; border:none;" scrolling="no"></iframe>
Please try this if it works for you.
Inform us if you need further assistance.
This worked. At first the third form wasn't showing up or giving errors. I simply cloned it and embedded the new one and that solved the bug.
I am amazed at the customer support here. Great work.
Three additional questions:
1- How can I translate the error message I get under the form? I am also doing a spanish version of this.
2- Is there a spanish version of the paypal redirect graphic? If so how can i implement it.
3- Becasue I have a button image the "PLease wait..." text you het when submitting the form is not clear. How can I work around this? Eliminate it, or use another image, or place it outside of the button, etc
To edit the error warning message in your form, go to Setup & Embed then click the Preferences Icon. Select Advanced Settings and click Edit Form Warnings to translate/edit the warning message.
Another way to translate the error messages is by editing the form JS file. To download the form JS file, select Setup and Embed then click the Embed Form icon and select Source.
Look for the error messages you want to translate in a file called Jotform.JS. You can edit Jotform.JS using Notepad++ or notepad.
For the submit button, you can replace the current button with an image buttom by selecting the button and clicking the Buttom Image icon. Add the image url you want to use for the button to replace the existing button with an image button.
Unfortunately it is not possible to change the ' Please wait while redirecting' at the moment.
If you have any other questions, please contact us again.
Thank you, but I am already using an image button, the problem is the PLease Wait is not clear given the color of my button. GIven the fact that I can't change the "PLease wait", is it possible to change its CSS? Maybe to add a gray background behind it so it covers my button after clicking.
Okay so if I am understanding you correction then what you actually want to change is the " Please Wait " on the button that shows up after clicking it? Can you please confirm this?
I'm not quite sure that there's a way around this unless you use the form's source code with the use of some customized programming on your end to try to restructure this since currently that is actually the spot where the " Please Wait... " has been mapped to appear so anything offsetting this would have to be due to the color and styling of your button. I played around with this for a little while but it seems like this will take some time to try to figure out more.
If we are able to figure out something more for this we will get back to you but it may take some time.