Question

我正在使用formly创建一个表单，有两个输入文本框，我希望文本框不应该为空。如何设置验证

我的代码是：

 form: FormGroup = new FormGroup({});
      userFields: FormlyFieldConfig = [{
    className: 'row',
    fieldGroup: [{
        className: 'col-xs-6',
        key: 'identity',
        type: 'input',
        templateOptions: {
            validate: true,
            required: true,
            type: 'email',
            label: 'Email address',
            placeholder: 'Enter email',


        }
    }, {
        className: 'col-xs-6',
        key: 'password',
        type: 'input',
        templateOptions: {
            validate: true,
            required: true,
            type: 'password',
            label: 'Password',
            placeholder: 'Password',
            validationsCustom: 'validation.html'
        }


    }]
  }];

Answer 1

您应该在 AppModule 中包含带有一些配置的 FormlyModule。在您的情况下，您应该包含错误名称必填和消息'此字段是必填字段。' 例如：

import { FormlyModule } from '@ngx-formly/core';

@NgModule({
  imports: [
    FormlyModule.forRoot({
      validationMessages: [
        { name: 'required', message: 'This field is required.' },
      ],
    }),
  ],

})
export class AppModule {}

有关验证的更多信息，您可以在此处查看https://formly.dev/guide/validation

如何以角度形式设置验证

1 个答案: