From 620f5fd4ff7a5325963736ab62022def7d0eac0c Mon Sep 17 00:00:00 2001 From: Bruno Alves de Faria Date: Thu, 1 Sep 2016 08:53:16 -0300 Subject: [PATCH] LT-67: Focusing the first form input on validation error --- .../ohif-core/client/components/base/mixins/form.js | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/Packages/ohif-core/client/components/base/mixins/form.js b/Packages/ohif-core/client/components/base/mixins/form.js index d25ada047..9a6db08a6 100644 --- a/Packages/ohif-core/client/components/base/mixins/form.js +++ b/Packages/ohif-core/client/components/base/mixins/form.js @@ -35,6 +35,16 @@ OHIF.mixins.form = new OHIF.Mixin({ // Set the component main and style elements component.$style = component.$element = instance.$('form:first'); + + instance.autorun(() => { + // Run this computation everytime the validation is triggered + component.validationObserver.depend(); + + // Focus the first error field if some validation failed + if (component.schema && component.schema._invalidKeys.length) { + instance.$('.state-error :input:first').focus(); + } + }); }, events: {