Question

我需要使用AngularJS根据用户要求正确验证输入字段。

我正在解释下面的代码。

<div ng-class="{ 'myError': billdata.longitude.$touched && billdata.longitude.$invalid }">
  <input type="text" name="longitude" id="longitude" class="form-control oditek-form" placeholder="Add Longitude coordinate" ng-model="longitude" ng-pattern="/^[0-9]+([,.][0-9]+)?$/" ng-keypress="clearField('businessno');">
</div>
<div class="help-block" ng-messages="billdata.longitude.$error" ng-if="billdata.longitude.$touched">
  <p ng-message="pattern" style="color:#F00;">This field needs only number(e.g-0,1..9).</p>
</div>

此要求是用户只能使用+或-这样的i.e-+123.45 or -095.4567条目号。在目前的情况下，+或-不允许只允许使用数字。

Answer 1

您需要在regexp中允许相应的符号

ng-pattern="/^(\+|-)?[0-9]+([,.][0-9]+)?$/"

Answer 2

NG-图案= “/ ^（[+ | - ] [[0-9] +（[，] [0-9] {N，M}）。）] $ /？”;

尝试使用它只需用最小小数位替换n和m，即在大小写为0和m，允许的最小小数位数

Answer 3

您可以为自定义验证编写自己的指令，如下所示。

<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@*" data-semver="1.2.16" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app="app" ng-controller="HomeCtrl">
    <div>
      <form novalidate name="myForm">
        Number: <input type="text" name="valText" ng-model="val" even-number />
      </form>
    </div>
    <div>
      <span style="color: red;" ng-show="myForm.valText.$error.evenNumber">Invalid value</span>
      <br />
      <br />
      <button ng-click="setValue(22)">Change Value to 22</button>
      <br />
      <button ng-click="setValue(19)">Change Value to 19</button>
    </div>
  </body>

</html>

Plunkr

这个偶数指令，只允许偶数。

无法使用Angular.js

3 个答案: