Angular JSvalidation

HTML

<div ng-app="formApp" ng-controller="formCtrl">
<form name="product_form" class="form-horizontal" role="form" novalidate>
    <form-element label="MAC ADDRESS" mod="product">
        <input type="text" class="form-control" name="name"
               placeholder="Mac Address" ng-model="product.name" focus required ng-pattern="/[a-f0-9]{4}\:[a-f0-9]{4}\.[a-f0-9]{4}/" />
        <span ng-if="product_form.name.$error.required">This field is required</span>
        <span ng-if="product_form.name.$error.pattern">Pattern doesnot match</span>
    </form-element>
</form>
    </div>

JavaScript

var myApp= angular.module("formApp",[]);
myApp.controller("formCtrl",function($scope){
    $scope.test="adsf";

})