AngularJS directive to make easier to apply Twitter Bootstrap 2.3.2 form validation
With Bower:
bower install --save angular-bootstrap2-validation
-
Include the module
bootstrap2.validationin your AngularJS app:angular.module('app', ['bootstrap2.validation']); -
Include the directives in your Bootstrap#2.3.2 form
<form novalidate name="login-form">
<div class="control-group" bs-validation>
<div class="controls">
<input type="text" name="login" ng-model="login" required>
<bs-validation-messages>
</div>
</div>
<div class="control-group" bs-validation>
<div class="controls">
<input type="password" name="password" ng-model="password" required>
<bs-validation-messages>
</div>
</div>
<button class="btn btn-primary btn-large" type="submit">Save</button>
</form>Localize your error messages:
<script src="angular-bootstrap2-validation.js"></script>
<script src="angular-bootstrap2-validation-locale_pt-br.js"></script>