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

Question

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

$v.myEntity.$invalid

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

Answer 1

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

像这样：

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

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

记得同时删除实体 DTO 上的 @NotNull，这样它就不会被拒绝，然后您可以在服务器端填写您需要的任何内容。

How The Form Validation Is Done In JHIpster Front End?