Validation

[adamdbradley]

http://forum.ionicframework.com/t/how-to-mask-an-input-field-for-mobile-number/274/2

[adamdbradley]

http://forum.ionicframework.com/t/how-to-do-validation-with-angular-js-ionic-framework/265/3

[somethingnew2-0]

See also #11

[adamdbradley]

Side note: Sir @mlynch is working on the popup.

[malixsys]

FYI @mlynch @adamdbradley I have found an unobtrusive way of doing it while supporting angular's built-in $valid, required, ng-pattern, etc...

see

https://gist.github.com/malixsys/8721568

It also only validates on submit...

[adamdbradley]

Cool! @bensperry whatcha think?

[jgoux]

+1
It would be great to have an easy way to customise error messages like warning / info / error in forms or something more generic.
At the moment I use the "card" tag with "item-assertive/positive" but it's not that great for this purpose.

[malixsys]

I use something like this:

        <div class="item item-icon-left topless" ng-show="hasError('user.fullname')">
          <i class="icon ion-alert-circled error"></i>
          <span>please enter 3 or more characters</span>
        </div>

see
https://gist.github.com/malixsys/11406178

[mlynch]

Looks interesting. I don't love the solution of adding hasError to scope, but we could definitely do something here.

[malixsys]

In a framework, I agree.
This IS the scope of the form though...
It could be a directive
on-error-show="user.fullname"

[ajoslin]

So what's wrong with using angular:

<form name="myForm">
  <input name="myInput" required>
  <div ng-show="myForm.myInput.$error">Error!</div>
</form>

[malixsys]

This one reacts only when the user has tried to submit the form once... goes with
directive('validated')
and
directive('onValidSubmit')

[malixsys]

@adamdbradley we should have a form of mask included as well...
like https://angular-ui.github.io/ui-utils/#/mask

[perrygovier]

Moving feature requests from GH Issues to Trello. Please continue the discussion and vote for this and other issues that are important to you here:
https://trello.com/c/CPOQhSEl/11-validation

[apavillet]

In case you don't know : Angular 1.3 introduces a lot of new features for form http://www.yearofmoo.com/2014/09/taming-forms-in-angularjs-1-3.html

[perrygovier]

Note, we plan to move to Angular 1.3 shortly after the 1.0

[luisrudge]

Any news on the validation stuff?

[ghost]

see this excellent post: https://calendee.com/2014/12/26/validation-in-ionic-framework-apps-with-ngmessages/

[malixsys]

I love it! Great adaptation of my original validation!!

[guillermo-varela]

Hi, as an alternative I would like to suggest using Angular-auto-validate: http://jonsamwell.github.io/angular-auto-validate/

The error messages are dynamic, so for example for max/min length the message replaces the numeric values, without having to declare each message on every field, in fact the HTML template would be clean for any validation/error markups, just the form fields. Additionally the controller no longer requires to validate the form's state, because the library won't let the form to be submitted.

It even supports i18n, message customization and validation onBlur or onChange (default).

Although this library was developed to be use with Bootstrap or Fundation, I have a working example with Ionic here: http://codepen.io/gvarela/pen/KwJdEN

Hope it helps 😄

[Fayozjon]

guillermo-varela

http://wenxuebu.com/robot-instaforex

24.03.2015, 01:36, "guillermo-varela" notifications@github.com:Hi, as an alternative I would like to suggest using Angular-auto-validate:

The error messages are dynamic, so for example for max/min length the message replaces the numeric values, without having to declare each message on every field, in fact the HTML template would be clean for any validation/error markups, just the form fields. Additionally the controller no longer requires to validate the form's state, because the library won't let the form to be submitted.

It even supports i18n, message customization and validation onBlur or onChange (default).

Although this library was developed to be use with Bootstrap or Fundation, I have a working example with Ionic here:

Hope it helps

—Reply to this email directly or .

[davidpatrick]

@adamdbradley looks like you guys have some spam in this issue. ^