fix(dees-input-text, dees-input-iban): enhance validation handling and improve demo for input states
This commit is contained in:
@@ -83,7 +83,16 @@ export class DeesInputIban extends DeesInputBase<DeesInputIban> {
|
||||
this.enteredIbanIsValid = ibantools.isValidIBAN(this.enteredString.replace(/ /g, ''));
|
||||
const deesInputText = this.shadowRoot!.querySelector('dees-input-text') as any;
|
||||
if (deesInputText) {
|
||||
deesInputText.validationText = `IBAN is valid: ${this.enteredIbanIsValid}`;
|
||||
if (this.enteredIbanIsValid) {
|
||||
deesInputText.validationState = 'valid';
|
||||
deesInputText.validationText = 'IBAN is valid';
|
||||
} else if (this.enteredString.length > 0) {
|
||||
deesInputText.validationState = 'invalid';
|
||||
deesInputText.validationText = 'Please enter a valid IBAN';
|
||||
} else {
|
||||
deesInputText.validationState = undefined;
|
||||
deesInputText.validationText = '';
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user