JHIpster 前端如何进行表单验证？答案

【问题标题】：How The Form Validation Is Done In JHIpster Front End?JHIpster 前端如何进行表单验证？
【发布时间】：2021-08-04 01:01:49
【问题描述】：

我需要修改表单验证，因为某些输入是由系统生成的，而不是人工输入，这些输入字段将在控制器中填写。换句话说，它的 DTO 具有比实体类更少的具有验证约束的字段。我正在调查

$v.myEntity.$invalid

我查看了所有相关的打字稿文件，但不知道它是如何完成的。 Vue 是前端的框架。我假设无论 Javascript 框架如何，前端都是一样的。

【问题讨论】：

【解决方案1】：

JHipster + Vue 使用vuelidate 进行表单验证。在您的 .component.ts 文件顶部附近查找名为 validations 的对象。

类似这样的：

const validations: any = {
  testEntity: {
    testField: {
      required,
    },
  },
};

例如，要使前端不再需要 testField，请删除 .component.ts 上的 required, 和 required 文件中相应输入的 required 关键字。

记住还要删除实体 DTO 上的 @NotNull，这样它就不会被拒绝，然后你可以在服务器端用你需要的任何东西来填充它。

【讨论】：

非常感谢。我在 xxx-update.component.ts 中找到了验证。删除这些验证字段后，表单提交将按需要工作。我已经删除了 DTO 中的验证约束。另外，关于语言环境使用的任何建议（这是我的语言环境问题stackoverflow.com/questions/68642907/locale-in-jhipseter）？如何在 jhi-navbar..component.ts 中获取对后端 Java 代码的 REST 调用的语言设置，以便后端可以使用正确的语言环境数据？