need help customizing the error code in forms 7.1

Site URL: https://www.elizabundledee.com/

Hi! We would like to customize the wording that appears when the error message pops up in a form. So when someone does not enter all the required info, we would like to put in a message that is more on brand for us than what currently appears. For example, we would like for this message to appear"Oops! It looks like you missed a step, beautiful one. Please enter your name and email address to receive your sacred gift."  I have searched the Forum and all over the internet and can not find the answer to this one. Anyone have a solution for this? 

Try this guide: https://www.silvabokis.com/squarespace-tips/dynamic-translation-of-squarespace-form-error-messages

Thanks tuanphan. I have tried that and it did not work for me.  I am a newbie so it is possible that there is something that I do not understand about those instructions but I could not make work. 

On 2/14/2022 at 12:12 PM, jenneb said:

Thanks tuanphan. I have tried that and it did not work for me.  I am a newbie so it is possible that there is something that I do not understand about those instructions but I could not make work. 

In the code you will see some english text - french text. Just change it.

If it still doesn't work, paste the code you used here, we will check it again

I have the same problem. When pasting the code on square space it flairs an error on line1 ("Syntax Error On Line 1)". Is this because I am on basic plan? 

This is the code I am using....I just need to change one line 

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script type="text/javascript">

var formposted=0;

// Form error message translation. 
// Enter your English error messages here (don't forget full stop at end of message)
var errorEN = [
'Seu formulário encontrou um problema. Role para baixo para revisá-lo.'
];

//Enter your translated error messages here in the same order as above
var errorTR = [
'Erro - Verifique novamente o formulário.'
];

$(document).ready(function(){
    $('input.button, .lightbox-handle').click(function() {
        formposted=0;
        window.setInterval(errTranslate, 100);
    });
});

function errTranslate(){
    if(($(".field-error").is(':visible')) && (formposted==0)){
        $( ".field-error" ).each(function() {
            var errorText = $( this ).text();
            var numItems =  errorTR.length;
            for ( var i = 0; i < numItems; i++ ) {
                if (errorText == errorEN[i]) {$( this).text(errorTR[i] )};
            }
        });
        formposted = 1; 
    }
};
 

On 3/5/2022 at 7:29 PM, VPerfeito said:

I have the same problem. When pasting the code on square space it flairs an error on line1 ("Syntax Error On Line 1)". Is this because I am on basic plan? 

This is the code I am using....I just need to change one line 

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script type="text/javascript">

var formposted=0;

// Form error message translation. 
// Enter your English error messages here (don't forget full stop at end of message)
var errorEN = [
'Seu formulário encontrou um problema. Role para baixo para revisá-lo.'
];

//Enter your translated error messages here in the same order as above
var errorTR = [
'Erro - Verifique novamente o formulário.'
];

$(document).ready(function(){
    $('input.button, .lightbox-handle').click(function() {
        formposted=0;
        window.setInterval(errTranslate, 100);
    });
});

function errTranslate(){
    if(($(".field-error").is(':visible')) && (formposted==0)){
        $( ".field-error" ).each(function() {
            var errorText = $( this ).text();
            var numItems =  errorTR.length;
            for ( var i = 0; i < numItems; i++ ) {
                if (errorText == errorEN[i]) {$( this).text(errorTR[i] )};
            }
        });
        formposted = 1; 
    }
};
 

The code is JavaScript, you need to add it to Settings > Advanced > code Injection > Footer

It looks like you added to Design > Custom CSS so it shows error