Regex 如何使用ng模式_Regex_Angularjs_Pug_Ng Pattern

Regex 如何使用ng模式

regex angularjs

Regex 如何使用ng模式,regex,angularjs,pug,ng-pattern,Regex,Angularjs,Pug,Ng Pattern,我有一个简单的文本输入，我只想允许浮点和整数（注意：jade）但是它不起作用，我总是可以在输入中插入任何字符（我是否需要做更多的工作才能显示某些内容？例如，如果不正确，则显示红色边框？或者仅仅是不能输入这些字符？）模式是一个正则表达式，因此不是字符串，所以应该可以吗这是控制器： app.controller("AppCtrl", function AppCtrl($scope, $http, $interval ) { //lots of other stuff $scop

我有一个简单的文本输入，我只想允许浮点和整数（注意：jade）

但是它不起作用，我总是可以在输入中插入任何字符（我是否需要做更多的工作才能显示某些内容？例如，如果不正确，则显示红色边框？或者仅仅是不能输入这些字符？）模式是一个正则表达式，因此不是字符串，所以应该可以吗

这是控制器：

app.controller("AppCtrl", function AppCtrl($scope, $http, $interval ) {
    //lots of other stuff
    $scope.nums = /^\-?\d+((\.|\,)\d+)?$/; //note no string, it's a  regex
}

这是生成的HTML。这可能是问题所在吗？生成的HTML实际上有一个字符串，而不是正则表达式

<input type="text" ng-model="usd" ng-pattern="/^\-?\d+((\.|\,)\d+)?$/" ng-change="convert_to_btc()" placeholder="USD" class="form-control ng-dirty ng-valid-parse ng-touched ng-invalid ng-invalid-pattern">

我希望这就是你想要做的

请看下面的链接


.ng无效模式{
边框：1px实心#f00；
}
你好
错误

如果您试图阻止用户输入字符/字母，并且只允许他们在输入中输入数字，那么请更改

它实际上正在工作……但这并不能阻止我输入错误的数据！我需要使用角度验证来展示一些东西！您想要什么？不允许用户输入字符或在输入错误字符时显示错误？
<input type="text" ng-model="usd" ng-pattern="/^\-?\d+((\.|\,)\d+)?$/" ng-change="convert_to_btc()" placeholder="USD" class="form-control ng-dirty ng-valid-parse ng-touched ng-invalid ng-invalid-pattern">

<!DOCTYPE html>
<html ng-app="">

<head>
 <script data-require="angular.js@1.3.x" src="https://code.angularjs.org/1.3.13/angular.js" data-semver="1.3.13">      
 </script>
  <style>
    .ng-invalid-pattern {
      border:1px solid #f00;
    }
  </style>
</head>

<body>
  <p>Hello</p>

  <form name='myform'>      
    <input type="text" name='ip' ng-model="usd" ng-pattern="/^\-?\d+((\.|\,)\d+)?$/" 
  ng-change="convert_to_btc()" placeholder="USD"/>
    <p ng-show='myform.ip.$invalid'>Error</p>
  </form>


  </body>

</html>