neilbo

.help-block {
    display: none;
}
.has-error .help-block {
    display: block;
}

neilbo

angular.module('myApp').
filter('capitalise', function() {
  return function(input) {
    return (!!input) ? input.replace(/([^\W_]+[^\s-]*) */g, function(txt) {
      return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
    }) : '';
  };
});

neilbo

/**
 * Custom submit directive that will only submit when all the validation has passed
 * for all the fields. This extends on the ng-submit directive provided by AngularJS.
 * 
 * This directive will also remove the 'pristine' flag from all the fields when
 * hitting submit, allowing the form to display no errors until the submit button
 * is clicked/enter is pressed.
 * 
 * The variable 'app' is the instance of a module.
 * E.g. var app = angular.module('my-app', []);

neilbo

app.filter('creditcard', function(){
    return function(cc, maskChar, sep){
        if(!sep)
            sep = '-';
        
        var maskedNum = Array(cc.length - 3).join(maskChar) + cc.substr(cc.length - 4, 4);
        maskedNum = maskedNum.substring(0, 4) + sep +
                    maskedNum.substring(4, 8) + sep +
                    maskedNum.substring(8, 12) + sep +
                    maskedNum.substring(12, 16);

neilbo

app.directive('ngEnter', function() {
        return function(scope, element, attrs) {
            element.bind("keydown keypress", function(event) {
                if(event.which === 13) {
                        scope.$apply(function(){
                                scope.$eval(attrs.ngEnter);
                        });
                        
                        event.preventDefault();
                }

neilbo

app.directive('ngSpace', function() {
        return function(scope, element, attrs) {
            element.bind("keydown keypress", function(event) {
                if(event.which === 32) {
                        scope.$apply(function(){
                                scope.$eval(attrs.ngSpace);
                        });
                        
                        event.preventDefault();
                }