Angular 1.4.5 Form W/Constants

by Michael Warner

HTML

<div ng-app="appX" ng-controller="appCtrl">
  <p>{{greeting}}</p>
  <form name="form" novalidate ng-submit="submit();">
  
    <label class="text-left">
      Zip : Pattern In HTML
      <div class="error" ng-if="!form.zipModel">Valid Zip Code is Required</div>

      <input id="" type="text" name="zip" ng-model="form.zipModel" ng-required="form.zip" ng-pattern="/^\d{5}(?:-\d{4})?$/">
    </label>
    
    <label class="text-left">
      Zip : Pattern From Constant
      <div class="error" ng-if="!form.zipModel2">Valid Zip Code is Required</div>

      <input id="" type="text" name="zip2" ng-model="form.zipModel2" ng-required="form.zip2" ng-pattern="patterns.zip">
    </label>
    <input name="submit" id="submit" type="submit" value="Save Changes">
  </form>
</div>

CSS

.error{
  background : #ED5C65;
  color : white;
}
label {
  display : block;
}
input {
  display : block;
}

JavaScript

var app = angular.module("appX", [])
	.constant("formPattern", {
    zip: new RegExp("^\d{5}(?:-\d{4})?$")
  })
  .controller("appCtrl", function($scope, formPattern) {
		$scope.patterns = formPattern;
    $scope.form = {};

    $scope.submit = {
      //...do some submitting
    };
  })