How to do Validation with angular JS/ionic Framework

malixsys · January 30, 2014, 10:59pm

I’ve implemented something…

see

gist.github.com

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

app.scss

form i.icon.error {
  color: $assertive;
}

form input + i.icon.error {
  display: none;
  margin-left: 8px;
}

form.ng-submitted input.ng-invalid + i.icon.error {

This file has been truncated. show original

directives.js

angular.module('app', [...] )
.directive('onValidSubmit', ['$parse', '$timeout', function($parse, $timeout) {
    return {
      require: '^form',
      restrict: 'A',
      link: function(scope, element, attrs, form) {
        form.$submitted = false;
        var fn = $parse(attrs.onValidSubmit);
        element.on('submit', function(event) {
          scope.$apply(function() {

This file has been truncated. show original

form.html

    <form novalidate="novalidate" on-valid-submit="doLogin()">
    <div class="list card">
      <div class="item item-divider">Enter your info:</div>
      <label class="item item-input validated">
        <span class="input-label">Email</span>
        <input type="text" ng-model="user.email" required="required" name="email">
        <i class="icon ion-alert-circled error"></i>
      </label>
      <label class="item item-input validated">
        <span class="input-label">Password</span>

This file has been truncated. show original

Topic		Replies	Views
Ion-input validation style on vanilla js Ionic Framework	4	1642	November 23, 2020
Ionic Tool Tips? ionic-v1	9	11231	March 10, 2015
Any ionic way of form input validation and summary preview? ionic-v1	6	9156	March 26, 2015
CSS + Ionic ionic-v1	6	3424	September 4, 2014
Form Validation code not functioning in the view ionic-v3	0	614	July 21, 2016

How to do Validation with angular JS/ionic Framework

Related topics