Enhanced form examples to utilize $touched

[supersonicclay]

The "Binding to form and control state" example now more closely reflects how users will accomplish form validation in 1.3. For example, users are now informed of validation requirements upon clicking Save.

[mary-poppins]

I'm sorry, but I wasn't able to verify your Contributor License Agreement (CLA) signature. CLA signature is required for any code contributions to AngularJS.

Please sign our CLA and ensure that the CLA signature email address and the email address in this PR's commits match.

If you signed the CLA as a corporation, please let us know the company's name.

Thanks a bunch!

PS: If you signed the CLA in the past then most likely the email addresses don't match. Please sign the CLA again or update the email address in the commit of this PR.
PS2: If you are a Googler, please sign the CLA as well to simplify the CLA verification process.

[gkalpak]

I don't really see how this is closer to how form-validation is done in 1.3.
It is quite a different approach from the previous example, but both are valid and useful in their own right.

[PatrickJS]

+1

[supersonicclay]

@gkalpak You're correct. It isn't really accurate to say this is "how form validation is done in 1.3".

I believe this pull request has the following benefits:

• Demonstrates features that only exist in 1.3 (e.g. $submitted and $touched)
• User is shown validation errors upon clicking submit
• User is only shown validation errors upon blur instead of immediately on first key press
• User is shown validation errors upon interacting with (touching) a field

[Narretz]

This is not really correct. "Touching" implies (to me) the error is added when the input is focused, but it's actually only set when it is blurred.

[supersonicclay]

Angular 1.3 has defined touched to mean that the control has been blurred.

See https://docs.angularjs.org/guide/forms

ng-touched: the control has been blurred

[Narretz]

I know. But the text is still not clear

Custom error message displayed upon interacting (touching) a field

For somone who doesn't know angular this sounds like the class will be set immediately on interacting or touching the input. Interacting is misleading, touching is ambiguous.

[supersonicclay]

Agreed. Good feedback.

[petebacondarwin]

Hi @claycephas - can you ensure that you have signed the CLA and that your GitHub account name is there. See https://cla.developers.google.com/clas

[supersonicclay]

Signed. Thanks.

[googlebot]

CLAs look good, thanks!