teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

2

「該当のソースコード」修正

2016/12/26 00:30

投稿

YaMuRo765
YaMuRo765

スコア15

title CHANGED
File without changes
body CHANGED
@@ -19,17 +19,19 @@
19
19
  ※追記・修正するかもしれません(2016/12/26 更新)
20
20
  ```
21
21
  <form name="userform" role="form" class="form-horizontal">
22
- <div class="modal">
23
- <div ng-show="modalPage == 1" class="page-1">
22
+ <div ng-show="modalPage == 1" class="page-1">
24
- <input type="text" name="firstName" ng-model="user.name" required>
23
+ <input type="text" name="firstName" ng-model="user.name" required>
25
- </div>
24
+ </div>
26
- <div ng-show="modalPage == 2" class="page-2">
25
+ <div ng-show="modalPage == 2" class="page-2">
27
- <input type="text" name="age" ng-model="user.age" required>
26
+ <input type="text" name="age" ng-model="user.age" required>
28
- </div>
27
+ </div>
29
28
  ...
29
+ </form>
30
+ <div class="col-sm-8">
30
31
  <button id="prevbtn" ng-show="1 &lt; modalPage">prev</button>
31
32
  <button id="nextbtn" ng-valiable="user.$invalid || !user.$dirty" ng-show="modalPage &lt; 3">next</button>
32
33
  <button id="submitbtn" ng-valiable="user.$invalid || !user.$dirty" ng-show="modalPage == 3">submit</button>
34
+ </div>
33
35
  ```
34
36
 
35
37
  上記の例でいくと、2ページ目の入力欄で何かを入力して、その入力を消すと「$error.required」になるかと思います。

1

「該当のソースコード」修正

2016/12/26 00:29

投稿

YaMuRo765
YaMuRo765

スコア15

title CHANGED
File without changes
body CHANGED
@@ -16,20 +16,20 @@
16
16
 
17
17
  ###該当のソースコード
18
18
  ※現在手元にソースコードが無いため、ひとまずは記憶の範囲で失礼致します
19
- ※追記・修正するかもしれません(2016/12/25
19
+ ※追記・修正するかもしれません(2016/12/26 更新
20
20
  ```
21
- <form name="test">
21
+ <form name="userform" role="form" class="form-horizontal">
22
22
  <div class="modal">
23
- <div modalPage="1"> //この辺の記憶が曖昧です、申し訳ないです
23
+ <div ng-show="modalPage == 1" class="page-1">
24
24
  <input type="text" name="firstName" ng-model="user.name" required>
25
25
  </div>
26
- <div modalPage="2"> //この辺の記憶が曖昧です、申し訳ないです
26
+ <div ng-show="modalPage == 2" class="page-2">
27
27
  <input type="text" name="age" ng-model="user.age" required>
28
28
  </div>
29
29
  ...
30
- <button id="prevbtn" ng-show="1 &lt; modalPage">prev</button>
30
+ <button id="prevbtn" ng-show="1 &lt; modalPage">prev</button>
31
- <button id="nextbtn" ng-valiable="user.$invalid || !user.$dirty" ng-show="modalPage &lt; 3">next</button>
31
+ <button id="nextbtn" ng-valiable="user.$invalid || !user.$dirty" ng-show="modalPage &lt; 3">next</button>
32
- <button id="submitbtn" ng-valiable="user.$invalid || !user.$dirty" ng-show="modalPage == 3">submit</button>
32
+ <button id="submitbtn" ng-valiable="user.$invalid || !user.$dirty" ng-show="modalPage == 3">submit</button>
33
33
  ```
34
34
 
35
35
  上記の例でいくと、2ページ目の入力欄で何かを入力して、その入力を消すと「$error.required」になるかと思います。