Fix error field highlighting
This commit is contained in:
parent
73cd8ed0f8
commit
ade61c9676
|
@ -62,7 +62,7 @@ export default class GlFieldError {
|
||||||
this.inputDomElement = this.inputElement.get(0);
|
this.inputDomElement = this.inputElement.get(0);
|
||||||
this.form = formErrors;
|
this.form = formErrors;
|
||||||
this.errorMessage = this.inputElement.attr('title') || 'This field is required.';
|
this.errorMessage = this.inputElement.attr('title') || 'This field is required.';
|
||||||
this.fieldErrorElement = $(`<p class='${errorMessageClass} hide'>${this.errorMessage}</p>`);
|
this.fieldErrorElement = $(`<p class='${errorMessageClass} hidden'>${this.errorMessage}</p>`);
|
||||||
|
|
||||||
this.state = {
|
this.state = {
|
||||||
valid: false,
|
valid: false,
|
||||||
|
@ -146,8 +146,8 @@ export default class GlFieldError {
|
||||||
|
|
||||||
renderInvalid() {
|
renderInvalid() {
|
||||||
this.inputElement.addClass(inputErrorClass);
|
this.inputElement.addClass(inputErrorClass);
|
||||||
this.scopedSiblings.hide();
|
this.scopedSiblings.addClass('hidden');
|
||||||
return this.fieldErrorElement.show();
|
return this.fieldErrorElement.removeClass('hidden');
|
||||||
}
|
}
|
||||||
|
|
||||||
renderClear() {
|
renderClear() {
|
||||||
|
@ -157,7 +157,7 @@ export default class GlFieldError {
|
||||||
this.accessCurrentValue(trimmedInput);
|
this.accessCurrentValue(trimmedInput);
|
||||||
}
|
}
|
||||||
this.inputElement.removeClass(inputErrorClass);
|
this.inputElement.removeClass(inputErrorClass);
|
||||||
this.scopedSiblings.hide();
|
this.scopedSiblings.addClass('hidden');
|
||||||
this.fieldErrorElement.hide();
|
this.fieldErrorElement.addClass('hidden');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue