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.
How to change the style of the required message, it looks bad in my formAsked by 2adorable on August 20, 2013 at 12:50 PM
can the type of form validation be changed. for example instead of a message that says "this field is required" can there be a pop up window that shows the fields that still need to be filled that are not filled in?
unfortunately when your standard validation message shows up it alters the form design. id like for this not to happen.
May I know which form are you pertaining to so that I can clone and run some test on my end.
How could this change the format of your form? Can you provide screenshots so that we could visualize the issue better?
Kindly provide the Form title or URL as I can see that you have several Forms on your account.
But as far as I know, we could modify the text of the warning message but making it as a pop-up window would be a complicated process that I have never tested before.
Thank you and I will wait for your response.
here is just one example
when you click submit the required* fields without data move out of place..
this happens to all jotform forms..
is there a fix for this?
in order to fix the issue with the data moved out of place, please inject this custom css to fix the size of the error lines:
padding: 5px !important;
Please let us know if you need further assistance
that didnt work?
Can you please try changing the CSS code suggested by my colleague to this one
padding: 5px !important;
the class name should have been .form-error-message .
But still this CSS code will only put a bit of width on the error message, and will still caused the other fields on the form to shift position when the required error message is triggered.
Meanwhile this code will totally removed the error text messages on the fields which will then prevent the shifting of field position when error messages are triggered.
But there is still a remaining red highlight border that gives cue that the field is required.
I suggest you take which option is preferrable to you and will work best on your form.
Inform us if there is more we can help you with.
yup this works for me !! thanks
It's nice to know that your issue has been resolved. Kindly let us if you need further assistance in the future about this issue or open a separate thread to make question unrelated to the one of this thread.