Translate popup message "Vul dit veld in." to English in contact form - Forum | JoomShaper
Solved SP Page Builder

Translate popup message "Vul dit veld in." to English in contact form

Asked by Jeroen 3 years ago Last activity 2 years ago

Hello,

I use SP Page Builder Pro 5.1.5 and Joomla 4.4.0.
I've made a multi language site with a Dutch and English form.
If you forget to fill out a field you get the message "Vul dit veld in." or "Selecteer een van deze opties".
How can I translate this to English for the English site.

I tried the below script from joomshaper.com/forum/question/1796

jQuery(function($){
  $(".sppb-form-control").attr("oninvalid","this.setCustomValidity('Please fill out this field')");
});

But the above script does not fully work because it does give that message, but the message does not go away if the field is filled in.
How can this be solved?

Regards,
Jeroen

Accepted answer

Marked as the solution
Jeroen Asked this
2 years ago

Hello,

I found out what the problem was.
Apparently it wasn't a real problem, it just seemed that way.
The dutch text "Vul dit veld in." and "Selecteer een van deze opties" is only visible in the English part of the website because the Preferred Language of the browser is set to Dutch.
English visitors will probably have their preferred language set to English. They will see the text correctly in English.
For others. You can easily try this out by setting the browser's preferred language to English, restarting the browser and visit the form of the website again.

Best regards,
Jeroen

8 more replies

Oldest first Newest first Most helpful
Ofi Khan Staff
3 years ago

Hello Jeroen

Please share your administrator access here to check the issue. Use the Hidden Content box to share the credentials. Make sure that you have a full site backup with you before sharing.

Best regards

Jeroen Asked this
3 years ago

Hi Ofi,

I prefer to adjust it myself in the site so that I know what is being changed and I can also use it for other websites. In the hidden content field I have added a video that illustrates the problem.
In the video, I left out the script mentioned earlier.

Best regards

Ofi Khan Staff
3 years ago

I asked the access to check and help you. Without access, it is difficult to help. However, try this.

Please use this JavaScript to

Template Options -> Custom Code -> Custom JavaScript on your English template style. Please follow this article steps. You should have duplicated template styles and using separate template for English language. So, set this code on your English template and check.

jQuery(function($){
  $(".sppb-form-control").attr("oninvalid","this.setCustomValidity('Please fill out this field')");
});
Jeroen Asked this
3 years ago

Hi Ofi,

The problem remains the same.
After adding the script it is impossible to complete the form if you first press the "Send" button or forget to fill in a required field and then complete the form completely and try to send it.
In the hidden content field you find credentials for the frontend to see the problem yourself.

Best regards

Jeroen Asked this
3 years ago

The message "Please fill out this field" is visible, but the form can no longer be sent once the message "Please fill out this field" has been triggered.
I have placed another video in the hidden content field to illustrate it.

Ofi Khan Staff
2 years ago

Apology for the delayed response. Please share the contact form page link here to investigate. Also, make sure that you are using the latest SP Page Builder version.

Ofi Khan Staff
2 years ago

Glad to know that you have found the solution. Please accept the answer that helped you. It will be then easier to find the solution for the other users with the same issue. There is a button to accept answer after each comment.

Log in to reply.