A high-performance and high-availability form validation component based on AngularJS
A high-performance and high-availability form validation component based on AngularJS.
You can install this package either with npm
or with bower
.
Install with npm
npm install ng-validation --save
or with bower
bower install ng-validation --save
$ bower install ng-validation --save
index.html
:<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/ng-validation/angular-validation.min.js"></script>
ngValidation
module into your app:angular.module('myApp', ['ngValidation']);
<form name="regForm" validation-form>
<div class="form-group">
<label for="userName">用户名</label>
<input ng-model="user.userName" validation-field required minlength="3" type="text" class="form-control" id="userName" placeholder="Enter UserName">
</div>
<div class="form-group">
<label for="userEmail">邮箱</label>
<input ng-model="user.email" validation-field required message="{email:'请输入正确的邮箱'}" type="email" class="form-control" id="userEmail" placeholder="Enter Email">
</div>
<div class="form-group">
<label for="userPassword">密码</label>
<input ng-model="user.password" validation-field required minlength="6" type="password" class="form-control" id="userPassword" placeholder="Enter Password">
</div>
<div class="form-group">
<label for="website">网站</label>
<input ng-model="user.website" validation-field required type="url" class="form-control" id="website" placeholder="Enter Website">
</div>
<button type="submit" class="btn btn-default">注册</button>
</form>
Please submit all pull requests the against master branch. If your pull request contains JavaScript patches or features, you should include relevant unit tests. Please check the Contributing Guidelines for more details. Thanks!
Copyright (c) 2015 StarZou. https://github.com/starzou
Licensed under the MIT license.