JSFiddle - React, Tailwind, and code Playground

by Guruprasad Gopalkrishna

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.8/angular.js"></script>
<div ng-app ng-controller="formCtrl">
<form name="myForm" ng-submit="onSubmit()">
    {{myregex}}
   {{myForm.price_field.$invalid}}
    <input  type="text" ng-model="price" name="price_field" ng-pattern="{{regex}}" 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.regex = "/^[^\'\"]+$/";
    $scope.onSubmit = function(){
        alert("form submitted");
    }
}