<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body text="#000000" bgcolor="#FFFFFF">
<div class="moz-cite-prefix">We tried various ways to do direct
validation in Cockpit, including timeouts, focus etc. but in the
end settled for showing the feedback only on submit.<br>
One particularly tricky area was when setting a password, and then
typing it again for validation. Feedback on submit was the only
way we could get that to work in that case.<br>
- Andreas<br>
<br>
On 2017-06-30 01:13, Alexandre Briani Kieling wrote:<br>
</div>
<blockquote type="cite"
cite="mid:CAAvhKoUatw6RLd3Xwst2VXtocfZktqMN5=Ua7GddDqg_dewiSg@mail.gmail.com">
<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:part1.E32E4946.5C91A43F@redhat.com" class=""
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/"
moz-do-not-send="true">https://blogs.adobe.com/creativecloud/designing-more-efficient-forms-structure-inputs-labels-and-actions/</a><br>
</div>
<div><br>
</div>
<div>What do you think?</div>
<div><br clear="all">
<div><br>
</div>
-- <br>
<div class="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 size="2"
face="overpass, sans-serif"
color="#000000">Alexandre Kieling</font>
<table border="0">
</table>
<font size="2" face="overpass,
sans-serif" color="#000000">Sr.
Software Engineer, Middleware</font>
<table border="0">
</table>
<font size="2" face="overpass,
sans-serif" color="#000000">Red
Hat</font>
<table border="0">
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<fieldset class="mimeAttachmentHeader"></fieldset>
<br>
<pre wrap="">_______________________________________________
PatternFly mailing list
<a class="moz-txt-link-abbreviated" href="mailto:PatternFly@redhat.com">PatternFly@redhat.com</a>
<a class="moz-txt-link-freetext" href="https://www.redhat.com/mailman/listinfo/patternfly">https://www.redhat.com/mailman/listinfo/patternfly</a>
</pre>
</blockquote>
<p><br>
</p>
</body>
</html>