Shipping Address validation AngularJS
HTML
<script src="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<div ng-app="test">
<div ng-controller="NumberCtrl">
<form name="numberForm" class="form-horizontal">
<div class="form-group" ng-class="{ 'has-error': numberForm.address.$error.validAddress }">
<div class="controls">
<input name="address" type="text" ng-model="address" required class="form-control input-sm" valid-address />
</div>
</div>
</form> <span ng-show="numberForm.address.$error.validAddress"></span>
</div>
</div>
JavaScript
angular.module('test', []).directive('validAddress', function () {
return {
require: "ngModel",
link: function (scope, elm, attrs, ctrl) {
var regex = /[!@#$%^*&()]/;
ctrl.$parsers.unshift(function (viewValue) {
if (regex.test(viewValue)) {
ctrl.$setValidity('validAddress', false);
} else {
ctrl.$setValidity('validAddress', true);
}
return viewValue;
});
}
};
});