JSFiddle - React, Tailwind, and code Playground
HTML
<div ng-app ng-controller="formCtrl">
<form name="myForm" ng-submit="onSubmit()">
<input type="number" ng-model="price" name="price_field" ng-pattern="/^[0-9]{1,7}$/" required>
<span ng-show="myForm.price_field.$error.pattern">Not a valid number!</span>
<input type="submit" value="submit"/>
</form>
</div>
JavaScript
function formCtrl($scope){
$scope.onSubmit = function(){
alert("form submitted");
}
}