lcValidationSummary - Sample 03 - Adding custom error messages

<!DOCTYPE html>
<html>

<head>
  <link data-require="bootstrap-css@3.1.1" data-semver="3.1.1" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" />
  <script data-require="angular.js@1.2.16" data-semver="1.2.16" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
  <script data-require="bootstrap@*" data-semver="3.1.1" src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
  <script src="http://rawgit.com/Lemoncode/lc-validation-summary/master/build/lcvalidationsummary.js"></script>
  <script src="http://rawgit.com/Lemoncode/lc-validation-summary/master/build/lcvalidationSummary-tpl.js"></script>
  <script src="app.js"></script>
  <link rel="stylesheet" href="http://rawgit.com/Lemoncode/lc-validation-summary/master/build/lcValidationSummary.css" />
</head>

<body ng-app="sampleApp" ng-controller="sampleController" lc-validations-container="">
  <form name="userForm">
     
          <label for="alias">Alias: <small>String pattern with custom message (wwwwdd)</small></label>
          <input id="alias" 
                   name="alias" 
                   class="form-control"
                   type="text" 
                   ng-model="model.alias"
                   lc-validation-bubble=""
                   ng-pattern="/(^\D{4})+(\d{2})$/"
                   validation-custom-error-directive="pattern"
                   validation-custom-error-message="Alias: An alias must be composed by 4 characters and 2 digits."
                   validation-friendly-name="Alias" />
       
          <label for="password">Password: <small>Minimum length with custom message (SSSSSS)</small></label>
          <input   id="password" 
                   name="password" 
                   class="form-control"
                   type="text" 
                   ng-model="model.password"
                   lc-validation-bubble=""
                   ng-minlength="6"
                   validation-custom-error-directive="minlength"
                   validation-custom-error-message="Password: Must be at least 6 characters long."
                   validation-friendly-name="Password" />
        
          <label for="email">Email: <small>String pattern with custom message (*@gmail.com)</small></label>
          <input   type="email"
                   id="email" 
                   name="email" 
                   class="form-control col-md-12"
                   ng-model="model.email"
                   lc-validation-bubble=""
                   ng-pattern="/(^\S{1,})+(@gmail\.com)/"
                   validation-custom-error-directive="pattern"
                   validation-custom-error-message="Email: Must be a valid Gmail account."
                   validation-friendly-name="Email" />
       
          <label for="phoneNumber">Phone number: <small>String pattern with custom message (dddddddddd)</small></label>
          <input   id="phoneNumber" 
                   name="phoneNumber" 
                   class="form-control col-md-12"
                   type="text" 
                   ng-model="model.phoneNumber"
                   ng-pattern="/^\d{10}$/"
                   validation-custom-error-directive="pattern"
                   validation-custom-error-message="Phone number: Must be formed by 10 digits."
                   lc-validation-bubble=""
                   validation-friendly-name="Phone number" />

    </form>
    
  <div lc-validation-summary=""></div>
  
</body>
</html>

var sampleApp = angular.module('sampleApp', ['lcValidationSummary'])

.controller('sampleController', ['$scope', function sampleController($scope){	
	$scope.model = {
		alias:"",
		password:"",
		email:"",
		phoneNumber:""
	}
}]);

Sample code for the [lcValidationSummary](http://lemoncode.github.io/lc-validation-summary/) tutorial.