User-friendly text fields in AngularJS
You can use vTextfild to show (hide) validation messages, error/success input indicators, or interactive Float Labels. It basically adds the following classes to the v-textfield
directive:
is-focused
is-blured
is-valid
is-invalid
is-dirty
is-pristine
is-required
is-optional
has-value
has-noValue
has-placeholder
has-noPlaceholder
Demos
Installation
- Use bower
bower install v-textfield
, or download files from the github repo - Reference
v-textfield.css
andv-textfield.js
in your index.html file - Reference the module in your app:
angular.module('myApp', [ 'vTextfield' ])
Usage
Name Email Please enter a valid email address. You did not enter a email address. Password Your password is too short. Please enter a password.