首页 > 解决方案 > JHipster 7.1.0 ReactJS 表单跨域验证

问题描述

如何在 Jhipster 表单中处理表单跨字段验证?(使用 ReactJS 构建)例如我有这个

   <ValidatedForm defaultValues={defaultValues()} onSubmit={saveEntity}>
          <ValidatedField
            label="Person Number"
            id="reservation-personNumber"
            name="personNumber"
            data-cy="personNumber"
            type="number"
            validate={{
              required: { value: true, message: 'This field is required.' },
              min: { value: 1 },
              max: { value: 1000, message: 'This field cannot be more than 1000.'},
              validate: v => isNumber(v) || 'This field should be a number.',
            }}/>
          <ValidatedField
            label="Special Diet Number"
            id="reservation-specialDietNumber"
            name="specialDietNumber"
            data-cy="specialDietNumber"
            type="number"
            validate={{
              required: { value: true, message: 'This field is required.' },
              min: { value: 1, message: 'This field should be at least 1.' },
              max: {
                value: 1000,
                message: `This field cannot be more than 1000}.`,
              },
              validate: v => isNumber(v) || 'This field should be a number.',
            }}/> 
          
    </ValidatedForm>

我想将“特殊饮食编号”字段的最大值设置为等于用户输入的“人员编号”字段。

非常感谢,

标签: reactjsjhipster

解决方案


推荐阅读