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

_diddlysquat_5 months ago

3

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

  2 years ago

  @969226489549713438
  
  

  amazing

• 

  dribbens

  2 years 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');

• 

  solis25076 months ago

  Hello it's a little late but payload 3.0 implemented this a little bit different:

  
  

  export const validateURLField: Validate = async (value: string, { req: { t } }) => {

  
  

  try {

  
  

  const url = new URL(value)

  
  

  } catch (err) {

  
  

  return t('shared:errors:url:invalid')

  
  

  }

  
  
  

  return true

  
  

  }