How would one go about translating error messages that are returned by a field validate function?

Jaaaaaay (DiddlySquat)

3 weeks ago

9

• 

  jmikrut

  Payload Team

  3 weeks ago

  @dribbens

• 

  dribbens

  Payload Team

  3 weeks ago

  Oh yeah! I had this use-case in mind while building out the i18n support.

  
  

  
  

  You should have access to the translation function

  current language

  as a property in your custom validation function:

  t
  

  
  

  You will have to extend the translations to have your custom error message.

  
  

  
  

  The docs here show how you're supposed to do that:

  https://payloadcms.com/docs/configuration/i18n#configuration-options
  

  
  

  Then in your validate function you can call and return it:

  
  

  return t('yourNamespace.yourErrorMessage');

• 

  Jaaaaaay (DiddlySquat)

  3 weeks ago

  Awesome, thanks guys! will give it a try asap

  
  

  
  

  Works like a charm, thanks again!

  
  
  

  For future reference:

  
  
  

  export const validateURLField: Validate<string> = async (
    value: string,
    { t }
  ) => {
    try {
      const url = new URL(value);
    } catch (err) {
      return t("shared:errors:url:invalid");
    }
  
    return true;
  };

• 

  jmikrut

  Payload Team

  3 weeks ago

  amazing