Question

我正在制作一个简单的html页面，由angularjs验证.. 我通过此过程使用angularjs获取了html文件

  <title>Student Registration Form</title>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.4/angular.min.js"></script>

当我以这种方式进行验证时

<body ng-app>

然后我在文本区域中进行验证，如此代码

 <input type="text" name="First_Name" maxlength="30" ng-pattern="/^[a-zA-Z\s]*$/"/>

此ng模式表示只能输入字母和空格

但错误是验证没有发生。

Answer 1

没有验证，因为输入字段没有模型绑定，因此没有要验证的数据。添加ngModel指令，它应该有效：

<input type="text" name="First_Name" ng-model="user.firstName" maxlength="30" ng-pattern="/^[a-zA-Z\s]*$/" />

Answer 2

您可以通过读取。$ valid of the field

输出验证状态

<body ng-app  >

<div >
  <form name="myForm">
    <label>
       User name:
       <input type="text" name="userName" ng-model="userName"  ng-pattern="/^[a-zA-Z\s]*$/" >
    </label>
      <div>
user: {{userName}}
   </div>

  </form>
  <hr>

  <tt>myForm.userName.$valid = {{myForm.userName.$valid}}</tt><br/>

</div>
</body>

http://plnkr.co/edit/lml1eBqEkvCBpz2kb51Z?p=preview

角度js验证没有执行

2 个答案: