Translate Popup Message "Vul Dit Veld In." To English In Contact Form
Jeroen
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
Jeroen
Accepted AnswerHello,
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
Ofi Khan
Accepted AnswerHello 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
Accepted AnswerHi 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
Accepted AnswerI 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
Accepted AnswerHi 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
Ofi Khan
Accepted AnswerI have checked your site and it is working fine.
Jeroen
Accepted AnswerThe 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
Accepted AnswerApology 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.