[mdbValidate]=false not behaving correctly

Thank you for letting us know about this problem, we will take a closer look at it. For now please try to use those inputs [validateSuccess]="false" [validateError]="false".

You can also check our new validation method, because in the future we will want to remove old mdbInputDirective from library.

Validation documentation

This solution works, but it doesn't accomplish what I would really like: No error or success messagesNo green borderYes to red border on errors

[mdbValidation]="false" turns the success and error messages off but leaves the red/green border.

[validateSuccess]="false" turns off the green border AND the success text[validateError]="false" turns off the red border AND the error text

I can almost make things work by using a combination of [validateSuccess]="false" and errorMessage="", but there seems to be a mistake in the style because then the red border only shows on the bottom even though I am using md-outline.

The top input in the image is with [mdbValidation]="false", the bottom one only has errorMessage=""

*edit: The image doesn't seem to show, the link is https://www.dropbox.com/s/0wfh18kg8o5v985/input.png?dl=0

Dear Andrew,

Which version of MDB Angular you're using? If you're using some older version than 7.4.2, please update the MDB, and check if those problems exists. Please let me know.

Best Regards,

Damian

We will take a closer look at this problem. For now please try to upgrade to the new validation method and use mdbInput and mdbValidate directives instead of mdbInputDirective. Here is an example code:

HTML:

<form [formGroup]="testForm">
  <div class="md-form md-outline form-sm">
    <input
      id="form-sm"
      class="form-control form-control-sm"
      type="text"
      formControlName="input"
      mdbInput
      mdbValidate
    />
    <label for="form-sm">Example label</label>
    <mdb-error *ngIf="inputControl.invalid && (inputControl.dirty || inputControl.touched)">Input invalid</mdb-error>
    <mdb-success *ngIf="inputControl.valid && (inputControl.dirty || inputControl.touched)">Input valid</mdb-success>
  </div>
</form>

TS:

testForm: FormGroup;

  ngOnInit() {
    this.testForm = new FormGroup({
      input: new FormControl(null, Validators.required)
    });
  }

  get inputControl() { return this.testForm.get('input'); }

To turn off validation in this case you would need to add [validate]="false" input to the input element. You can find more information in our validation documentation.