angular-validation - Angular Form Validation made simple

  •        34

The base concept is not new, it comes from the easy form input validation approach of Laravel Framework as well as PHP Gump Validation. They are both PHP frameworks and use a very simple approach, so why not re-use the same concept over Angular as well? Well it's now made available with a few more extras. For a smoother user experience, I also added validation on inactivity (timer/debounce). So validation will not bother the user while he is still typing... though as soon as the user pauses for a certain amount of time, then validation comes into play. It's worth knowing that this inactivity timer is only available while typing, if user focuses away from his input (onBlur) it will then validate instantly.

http://github.com/ghiscoding/angular-validation

Tags
Implementation
License
Platform

   




Related Projects

angular-validation - Client Side Validation for AngularJS 1

  •    Javascript

Client-side Validation should be simple and clean. Don't let Client-side Validation dirty your controller. Setup your Validation on config phase by using some rules (example) If you prefer schema over html attributes , try angular-validation-schema (Demo) And add Validation in your view only.

angular-auto-validate - An automatic validation module for AngularJS which gets rid of excess html in favour of dynamic element modification to notify the user of validation errors

  •    Javascript

An automatic validation module for AngularJS which gets rid of excess html in favour of dynamic element modification to notify the user of validation errors

angular-bootstrap-show-errors - An Angular directive for Bootstrap to intelligently show form validation errors

  •    Javascript

An Angular directive for Bootstrap 3 that intelligently applies the 'has-error' class to invalid form fields. See the Bootstrap Form Validation Done Right in AngularJS blog post to read about the benefits of using this directive.

angular-file-upload - Angular File Upload is a module for the AngularJS framework

  •    Javascript

Angular File Upload is a module for the AngularJS framework. Supports drag-n-drop upload, upload progress, validation filters and a file upload queue. It supports native HTML5 uploads, but degrades to a legacy iframe upload method for older browsers. Works with any server side platform which supports standard HTML form uploads.When files are selected or dropped into the component, one or more filters are applied. Files which pass all filters are added to the queue. When file is added to the queue, for him is created instance of {FileItem} and uploader options are copied into this object. After, items in the queue (FileItems) are ready for uploading.

angular-schema-form - Generate forms from a JSON schema, with AngularJS!

  •    Javascript

Schema Form is inspired by the nice [JSON Form](https://github.com/joshfire/jsonform) library andaims to be roughly compatible with it, especially its form definition. So what sets Schema Formapart from JSON Form?1. Schema Form integrates deeply with AngularJS and uses AngularJS conventions to handle forms.2. Schema Form uses [tv4](https://github.com/geraintluff/tv4) for validation, making it compatible with version 4 of the JSON schema standard.3. By default, Schema Form generates Bootstrap 3


angular-form-for - Set of Angular directives to simplify creating and validating HTML forms.

  •    Javascript

Set of Angular directives to simplify creating and validating HTML forms.

angular-credit-cards - Angular directives for parsing and validating credit card inputs

  •    Javascript

If you'd like to use the creditcards API directly, you can inject the service as creditcards. With the exception of ccExp, all directives require ngModel on their elements. While designed to be used together, all directives except ccExp can be used completely independently.

Handsontable - JavaScript/HTML5 UI Spreadsheet library for web apps. Available for React, Vue and Angular

  •    Javascript

Handsontable Community Edition (CE) is an open source JavaScript/HTML5 UI Spreadsheet component for web apps. It easily integrates with any data source and comes with a variety of useful features like data binding, validation, sorting or powerful context menu. It is available for Vue, React, Angular and Polymer.

spected - Validation library

  •    Javascript

Spected is a low level validation library for validating objects against defined validation rules. Framework specific validation libraries can be built upon spected, leveraging the spected appraoch of separating the speciific input from any validation. Furthermore it can be used to verify the validity deeply nested objects, f.e. server side validation of data or client side validation of JSON objects. Spected can also be used to validate Form inputs etc. Install Spected via npm or yarn.

TNValidate - A Fluent Validation Library for .NET

  •    

TNValidate is a fluent validation library for .Net. It enables you to write validation logic in a way that somewhat resembles natural language. TNValidate comes with built in rules for different types of data, can generate errors in a couple of languages, and is extensible.

class-validator - Validation made easy using TypeScript decorators.

  •    TypeScript

Class-based validation with Typescript / ES6 / ES5 using decorators or validation schemas. Supports both node.js and browser

ozzo-validation - A Go (golang) package that provides an idiomatic way of data validation

  •    Go

Go 1.6 or above.The ozzo-validation package mainly includes a set of validation rules and two validation methods. You use validation rules to describe how a value should be considered valid, and you call either validation.Validate() or validation.ValidateStruct() to validate the value.

jquery-validation - jQuery Validation Plugin library sources

  •    Javascript

The jQuery Validation Plugin provides drop-in validation for your existing forms, while making all kinds of customizations to fit your application really easy.Include jQuery and the plugin on a page. Then select a form to validate and call the validate method.

valitron - Valitron is a simple, elegant, stand-alone validation library with NO dependencies

  •    PHP

Valitron is a simple, minimal and elegant stand-alone validation library with NO dependencies. Valitron uses simple, straightforward validation methods with a focus on readable and concise syntax. Valitron is the simple and pragmatic validation library you've been looking for. Valitron was created out of frustration with other validation libraries that have dependencies on large components from other frameworks like Symfony's HttpFoundation, pulling in a ton of extra files that aren't really needed for basic validation. It also has purposefully simple syntax used to run all validations in one call instead of individually validating each value by instantiating new classes and validating values one at a time like some other validation libraries require.

class-validator - Validation made easy using TypeScript decorators.

  •    TypeScript

Allows use of decorator and non-decorator based validation. Internally uses validator.js to perform validation. Class-validator works on both browser and node.js platforms. Note: Please use at least npm@6 when using class-validator as from npm@6 the dependency tree is flatterned what is good for us.

Classic Validation Controls for ASP.NET MVC

  •    ASPNET

This library is complete set of Validation Controls for ASP.NET MVC imported from ASP.NET WebForms in MVC Style, which are used in WebForms. It makes client side validation easier both for Developer and Designer with less code. It's developed in C#.

MVVM Validation Helpers

  •    DotNet

MVVM Validation Helpers is a little framework that makes it easier for developers to implement validation in their WPF/Silverlight MVVM applications. You'll no longer have to implement IDataErrorInfo and INotifyDataErrorInfo interfaces manually in your view models. With th...

vue-form - Form validation for Vue.js 2.2+

  •    Javascript

Available through npm as vue-form. Once installed you have access to four components (vue-form, validate, field, field-messages) for managing form state, validating form fields and displaying validation messages.

AngularJS-Toaster - AngularJS Toaster is a customized version of "toastr" non-blocking notification javascript library

  •    Javascript

AngularJS Toaster is an AngularJS port of the toastr non-blocking notification jQuery library. It requires AngularJS v1.2.6 or higher and angular-animate for the CSS3 transformations.AngularJS-Toaster requires AngularJS v1.2.6 or higher and specifically targets AngularJS, not Angular 2, although it could be used via ngUpgrade. If you are looking for the Angular 2 port of AngularJS-Toaster, it is located here.

Fluent Validation for .NET

  •    Silverlight

A small validation library for .NET that uses a fluent interface and lambda expressions for building validation rules for your business objects.