实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
x
 
1
<!DOCTYPE html>
2
<html>
3
<script src= "https://apps.bdimg.com/libs/angular.js/1.3.9/angular.min.js"></script>  
4
<body>
5
6
<h2>Validation Example</h2>
7
8
<form ng-app="myApp" ng-controller="validateCtrl" 
9
name="myForm" novalidate>
10
11
<p>用户名:<br>
12
<input type="text" name="user" ng-model="user" required>
13
<span style="color:red" ng-show="myForm.user.$dirty && myForm.user.$invalid">
14
<span ng-show="myForm.user.$error.required">用户名是必须的。</span>
15
</span>
16
</p>
17
18
<p>邮箱:<br>
19
<input type="email" name="email" ng-model="email" required>
20
<span style="color:red" ng-show="myForm.email.$dirty && myForm.email.$invalid">
21
<span ng-show="myForm.email.$error.required">邮箱是必须的。</span>
22
<span ng-show="myForm.email.$error.email">非法的邮箱地址。</span>