角JS验证不执行

2015-08-24 66 views 0 likes

我想提出一个简单的HTML页面与angularjs验证.. 我已经通过这个过程采取angularjs HTML文件角JS验证不执行

<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模式表示只能输入字母和空格

但错误是验证没有发生。

来源

2015-08-24 Dibyendu Konar

回答

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

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

来源

2015-08-24 10:58:43 dfsq

NG-模型mandetory补充的？ –

如果您希望验证或稍后在控制器中使用数据，那么是的。 – dfsq

但仍然错误没有消失我仍然可以键入数字！ –

可以输出通过读取验证状态$有效的领域

<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

来源

2015-08-24 11:13:07

角JS验证不执行

回答

相关问题