我想提出一個簡單的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模式表示只能輸入字母和空格
但錯誤是驗證沒有發生。
沒有驗證，因爲輸入字段沒有模型綁定，所以沒有要驗證的數據。添加ngModel指令，它應該工作：
<input type="text" name="First_Name" ng-model="user.firstName" maxlength="30" ng-pattern="/^[a-zA-Z\s]*$/" />
可以輸出通過讀取驗證狀態$有效的領域
<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>
NG-模型mandetory補充的？ –
如果您希望驗證或稍後在控制器中使用數據，那麼是的。 – dfsq
但仍然錯誤沒有消失我仍然可以鍵入數字！ –