summaryrefslogtreecommitdiffstats
path: root/framework/src/onos/web/gui/src/main/webapp/_sdh/ng-examples/ch04-08-nested-forms.html
blob: c3149195624547a75a2af4f83be7f9711955cf98 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html ng-app>
<head>
    <title>Notes App</title>
    <script src="../../tp/angular.js"></script>
</head>
<!-- no controller in this example -->
<body>

<form novalidate name="myForm">
    <input type="text"
           class="username"
           name="uname"
           ng-model="ctrl.user.username"
           required=""
           placeholder="Username"
           ng-minlength="4"/>

    <input type="password"
           class="password"
           name="pad"
           ng-model="ctrl.user.password"
           required=""
           placeholder="Password"
           required=""/>

    <p/>

    <ng-form name="profile">
        <input type="text"
               name="firstName"
               ng-model="ctrl.user.profile.firstName"
               placeholder="First Name"
               required/>
        <input type="text"
               name="middleName"
               ng-model="ctrl.user.profile.middleName"
               placeholder="Middle Name"/>
        <input type="text"
               name="lastName"
               ng-model="ctrl.user.profile.lastName"
               placeholder="Last Name"
               required/>

        <input type="date"
               name="dob"
               placeholder="Date of birth"
               ng-model="ctrl.user.profile.dob"/>
    </ng-form>

    <span ng-show="myForm.profile.$invalid">
        Please fill out the profile information
    </span>

    <p/>

    <input type="submit"
           value="Submit"
           ng-disabled="myForm.$invalid"/>
</form>

</body>
</html>