64-angular-validations

64-angular-validations.md

<div class="field">
    <label class="label">Age</label>
    <div class="control">
      <input
        class="input"
        [class.is-danger]="form.get('age').dirty && form.get('age').invalid"
        type="text"
        formControlName="age"
      />
    </div>
    {{ form.get("age").errors | json }}
  </div>

this.form = this.formBuilder.group({
  age: [0, Validators.min(18)],
  price: [0, Validators.max(3000)],
  name: ['', [Validators.required, Validators.pattern(/^[a-zA-Z ]+$/)]],
  terms: ['', Validators.requiredTrue],
  email: ['', [Validators.required, Validators.email]],
  text: ['', [Validators.required, Validators.minLength(10), ...]],
  date: ['', Validators.required],
  category: ['', Validators.required],
  gender: ['', Validators.required],
});

^[a-zA-Z]+(([',. -][a-zA-Z ])?[a-zA-Z]*)*$