AngularJs How To Create A Validation Form With All Errors By Aymenz ( Video Tutorial )

in #utopian-io7 years ago (edited)


Image Source

What Will I Learn?

I will learn how to create a validation form with all the errors by Angular JS .

  • Use the ng-show with all type of errors to display something depend of type of our error
  • Use the valid and invalid errors by ' $valid / $invalid ' after specified the element.
  • Use CSS classes depend to the validation to clarify the errors .

Requirements

  • Basic Knowledge of HTML and CSS language .
  • Basic Knowledge of JavaScript language .
  • Has an editor text support HTML and JavaScript .
  • Must has the angular files from the official site .

Difficulty

  • Basic

Description

In this video I will show you how to create a validation form I used the ng-model directive also the ng-show that I specified the type of error it's required for example or an error in email in length of password ..etc also I test it's my form is valid by ' $valid / $invalid ' and give it a CSS proprieties if it's success or field .

Video Tutorial

Curriculum



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Thank you for the contribution. It has been approved.

You can contact us on Discord.
[utopian-moderator]

Thank you sir

Hey @fuzeh, I just gave you a tip for your hard work on moderation. Upvote this comment to support the utopian moderators and increase your future rewards!

Very goood info

Upvoted ☝ Have a great day!

Thank you for your watching , good luck

Hey @aymenz I am @utopian-io. I have just upvoted you!

Achievements

  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x