如何将Laravel 10中Bootstrap 5的错误提示语言改为法语？

由于Bootstrap 5的表单验证默认提示为英文，你可以通过以下步骤替换为法语：

1. 覆盖前端验证消息 #

在项目JS资源中添加自定义脚本，替换Bootstrap的验证提示文本：

• 打开resources/js/bootstrap.js，在文件末尾添加以下代码：

(() => {
  'use strict'

  const forms = document.querySelectorAll('.needs-validation')
  // 定义法语验证消息
  const frValidationMessages = {
    required: "Ce champ est obligatoire.",
    email: "Veuillez saisir une adresse email valide.",
    minlength: "Ce champ doit contenir au moins :min caractères.",
    maxlength: "Ce champ ne peut pas dépasser :max caractères.",
    pattern: "Veuillez saisir une valeur valide.",
    equalTo: "Les deux champs doivent être identiques."
  }

  Array.from(forms).forEach(form => {
    form.addEventListener('submit', event => {
      if (!form.checkValidity()) {
        event.preventDefault()
        event.stopPropagation()
      }

      form.classList.add('was-validated')

      // 替换错误提示文本
      form.querySelectorAll(':invalid').forEach(field => {
        const feedbackEl = field.nextElementSibling
        if (feedbackEl?.classList.contains('invalid-feedback')) {
          for (const rule in frValidationMessages) {
            if (field.validity[rule]) {
              let message = frValidationMessages[rule]
              message = message.replace(':min', field.getAttribute('minlength'))
              message = message.replace(':max', field.getAttribute('maxlength'))
              feedbackEl.textContent = message
              break
            }
          }
        }
      })
    }, false)
  })
})()

2. 编译前端资源 #

运行以下命令编译修改后的JS文件：

npm run build

3. （可选）同步Laravel后端验证语言 #

如果你的应用同时使用Laravel后端验证，可将框架语言切换为法语：

• 修改config/app.php中的locale配置：

'locale' => 'fr',

• 发布Laravel语言包并自定义法语验证消息：

php artisan lang:publish

• 编辑resources/lang/fr/validation.php，根据需求修改验证提示文本。

内容的提问来源于stack exchange，提问作者yucefbro