SHARE

Yo ninjas, in this AngularJS tutorial, I’ll be introducing Angular’s form validation classes and objects that we can use to offer feedback to our users when they incorrectly fill in a form. There are typically a few ‘pairs’ of form validation classes, such as ng-dirty and ng-pristine, which swap for one another when a user interacts in some way with the form…

—– COURSE LINKS:
+ Source files on GitHub – https://github.com/iamshaunjp/angular-js-playlist
+ Atom text editor – https://atom.io/

———————————————————————————————
You can find more front-end development tutorials on CSS, HTML, JavaScript, jQuery, WordPress & more on the channel homepage…

SUBSCRIBE TO CHANNEL – https://www.youtube.com/channel/UCW5Y

========== JavaScript for Beginners Playlist ==========

https://www.youtube.com/playlist?list

============ CSS for Beginners Playlist =============

https://www.youtube.com/playlist?list

============== The Net Ninja =====================

For more front-end development tutorials & to black-belt your coding skills, head over to – https://www.youtube.com/channel/UCW5Y… or http://thenetninja.co.uk

================== Social Links ==================

Twitter – @TheNetNinja – https://twitter.com/thenetninjauk

4 COMMENTS

  1. Timesaver: form code to paste in!

    <div class="content">
    <form name="contactForm" novalidate>
    <input type="text" placeholder="name" name="name" />
    <input type="email" placeholder="Email" name="email" />
    <textarea placeholder="Your message" name="message"></textarea>
    <input type="submit" value="Send" />
    </form>
    </div>

  2. Hello,

    thanks for super tutorial. Can I download your example anywhere. When I'm checking your github link there is just a blank index.html side. Thanks in advance

    Best regards

  3. add this to your style.css folder to apply the same effects to your textarea:

    .content textarea{
    width: 90%;
    padding: 10px 5%;
    border-radius: 10px;
    border: 2px solid #ddd;
    margin: 10px 0;
    }

LEAVE A REPLY

Please enter your comment!
Please enter your name here