<div dir="ltr">In my experience, this is a somewhat complicated thing:<div><br></div><div>Sometimes people like having feedback before they submit a form. Having it check when you leave a field is the most common way to handle this that I've seen, and it's hard to think of a better way to implement this while still allowing feedback pre-submission. Certainly, having it check _while_ you are typing is a terrible idea for precisely the reason you (and the link you included) suggest.</div><div><br></div><div>If people don't want to have feedback before submission - say, if it's a check to see if a username is already taken - then there is no concern about early feedback. The reason, BTW, for not checking on usernames before submit is that it can be too easy to get a list of existing usernames if it automatically checks.</div><div><br></div><div>I am intrigued by the idea of validating during typing in the case of a field that had an error in it, though. I can see the appeal, since it means that you stop having an error as soon as possible, and know when your original error is resolved. I'm not sure if it should only be validating based on the original error, or based on all possible errors in that field, though!</div><div><br></div><div>Suzanne</div></div><div class="gmail_extra"><br><div class="gmail_quote">On Fri, Jun 30, 2017 at 1:23 PM, Alexandre Briani Kieling <span dir="ltr"><<a href="mailto:abrianik@redhat.com" target="_blank">abrianik@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Hi Sam,<div><br></div><div>My bad. I didn't notice the validation on each keystroke only happens the second time you focus the input boxes.</div><div>It's the first time I see such strategy.</div><div>I like the "Reward early, punish late." strategy mentioned in the article I added to the end of my previous message.</div><div>I'd love to know what the UX specialists think about it.</div><span class="HOEnZb"><font color="#888888"><div><br></div><div>Alexandre</div></font></span></div><div class="HOEnZb"><div class="h5"><div class="gmail_extra"><br><div class="gmail_quote">On Fri, Jun 30, 2017 at 9:14 AM, Sam Padgett <span dir="ltr"><<a href="mailto:spadgett@redhat.com" target="_blank">spadgett@redhat.com</a>></span> wrote:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Hi, Alexandre. While still not ideal, OpenShift doesn't show this error message until the input has lost focus at least once. So if you just start typing without leaving the field, you won't see the error.<div><br></div><div>I'm definitely interested in how we can improve this, though.</div><div><br></div><div>Sam</div><div><br></div><div><br><div class="gmail_extra"><br><div class="gmail_quote"><div><div class="m_-2342075250021992439h5">On Thu, Jun 29, 2017 at 7:13 PM, Alexandre Briani Kieling <span dir="ltr"><<a href="mailto:abrianik@redhat.com" target="_blank">abrianik@redhat.com</a>></span> wrote:<br></div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div class="m_-2342075250021992439h5"><div dir="ltr">Hi,<div><br></div><div>This one is for everyone interested in UX.</div><div><br></div><div>I noticed that the form to create a new project on OpenShift validates on each keystroke.</div><div>I understand that it's good to inform the users about the correctness of the inputted data as soon as possible but I think it's not being applied well in this case.</div><div>For example, one of the validations is that the project name must have at least two characters. When the user enters the first letter of his project name, an error message is presented. The user hasn't finished entering the project name.</div><div><br></div><div><br></div><div><img src="cid:ii_j4j1mbk70_15cf61eb0ad75673" width="541" height="457"><br><br></div><div>The Inline Validation section of the following article discusses exactly this problem. It's a good read.</div><div><a href="https://blogs.adobe.com/creativecloud/designing-more-efficient-forms-structure-inputs-labels-and-actions/" target="_blank">https://blogs.adobe.com/creati<wbr>vecloud/designing-more-efficie<wbr>nt-forms-structure-inputs-labe<wbr>ls-and-actions/</a><br></div><div><br></div><div>What do you think?</div><span class="m_-2342075250021992439m_8668180914059709516HOEnZb"><font color="#888888"><div><br clear="all"><div><br></div>-- <br><div class="m_-2342075250021992439m_8668180914059709516m_5905430114361481163gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><font color="#000000" face="overpass, sans-serif" size="2">Alexandre Kieling</font><table border="0"></table><font color="#000000" face="overpass, sans-serif" size="2">Sr. Software Engineer, Middleware</font><table border="0"></table><font color="#000000" face="overpass, sans-serif" size="2">Red Hat</font><table border="0"></table></div></div></div></div></div></div></div></div></div></div></div></div></div>
</div></font></span></div>
<br></div></div>______________________________<wbr>_________________<br>
PatternFly mailing list<br>
<a href="mailto:PatternFly@redhat.com" target="_blank">PatternFly@redhat.com</a><br>
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/mailman<wbr>/listinfo/patternfly</a><br>
<br></blockquote></div><br></div></div></div>
</blockquote></div><br><br clear="all"><div><br></div>-- <br><div class="m_-2342075250021992439gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div><div dir="ltr"><div dir="ltr"><div dir="ltr"><div dir="ltr"><font color="#000000" face="overpass, sans-serif" size="2">Alexandre Kieling</font><table border="0"></table><font color="#000000" face="overpass, sans-serif" size="2">Sr. Software Engineer, Middleware</font><table border="0"></table><font color="#000000" face="overpass, sans-serif" size="2">Red Hat</font><table border="0"></table></div></div></div></div></div></div></div></div></div></div></div></div></div>
</div>
</div></div><br>______________________________<wbr>_________________<br>
PatternFly mailing list<br>
<a href="mailto:PatternFly@redhat.com">PatternFly@redhat.com</a><br>
<a href="https://www.redhat.com/mailman/listinfo/patternfly" rel="noreferrer" target="_blank">https://www.redhat.com/<wbr>mailman/listinfo/patternfly</a><br>
<br></blockquote></div><br></div>