<html><head><meta http-equiv="Content-Type" content="text/html charset=windows-1252"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div>Hi Shane,</div><div><br></div><div>I’ll clarify the screens shortly. The intended behaviour is:</div><div><br></div><div>1. the user enters in some data</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>a. if they have entered enough valid-looking data, the button turns blue</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>b. they they haven’t enough enough valid-looking data, the button remains dark grey, though not disabled</div><div>2. the user submits the form by pressing enter, or clicking/tapping the submit button</div><div>3. validation appears per field if it relates to a field, or broadly to the form (i.e. no network connection, invalid email or password)</div><div><br></div><div>With this approach we assist users who are both paying attention and not paying attention to successfully complete the form by giving feedback as needed; unfortunately most users are the latter.</div><div><br></div><div>I believe built-in HTML5 form validation works this way, but we need to support more browsers.</div><div><br></div><div>Make sense?</div><div><br></div><div><div apple-content-edited="true"><div style="orphans: 2; text-align: -webkit-auto; widows: 2; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div>Ryan Feeley</div><div>Product Designer, Identity</div><div>Mozilla UX</div><div>IRC: rfeeley</div><div><br></div></div></div></div><br><div><div>On Feb 4, 2014, at 8:25 AM, Shane Tomlinson <<a href="mailto:stomlinson@mozilla.com">stomlinson@mozilla.com</a>> wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite">Ryan and John,<br><br>Some clarification is needed on how the form validation/submission is intended to work.<br><br>Currently we do not enable a form's submit button unless all input fields are valid. Once all input fields are valid, the submit button goes from grey to blue and the user can submit the form.<br><br>A set of tooltips are specified in the mocks. Do we keep the current behavior of only turning the submit button blue IFF all input fields are valid? Are the tooltips displayed any time the form is "submitted" even if the submit button is disabled (grey color)?<br><br>Thanks,<br>Shane<br>_______________________________________________<br>Dev-fxacct mailing list<br><a href="mailto:Dev-fxacct@mozilla.org">Dev-fxacct@mozilla.org</a><br>https://mail.mozilla.org/listinfo/dev-fxacct<br></blockquote></div><br><div apple-content-edited="true">
<div style="color: rgb(0, 0, 0); font-family: Helvetica; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div><br></div></div></div></body></html>