回答編集履歴
1
input要素
test
CHANGED
@@ -1,8 +1,38 @@
|
|
1
|
+
### Form Validation
|
2
|
+
|
3
|
+
|
4
|
+
|
1
5
|
Form Validationを使えば、特別な事をせずとも `::invalid` な要素があるだけで submit 出来なくなります。
|
2
6
|
|
3
7
|
|
4
8
|
|
5
|
-
- [HTML5 で優れたフォームを作成する - HTML5 Rocks](https://www.html5rocks.com/ja/tutorials/forms/html5forms/)
|
9
|
+
- ~~[HTML5 で優れたフォームを作成する - HTML5 Rocks](https://www.html5rocks.com/ja/tutorials/forms/html5forms/)~~
|
10
|
+
|
11
|
+
|
12
|
+
|
13
|
+
**(2018/07/31 20:17追記)**
|
14
|
+
|
15
|
+
上記リンク先は情報が古いと指摘を頂いた為、新しい情報を追記しました。
|
16
|
+
|
17
|
+
|
18
|
+
|
19
|
+
- [制約の検証 - HTML: HyperText Markup Language | MDN](https://developer.mozilla.org/ja/docs/Web/HTML/HTML5/Constraint_validation)
|
20
|
+
|
21
|
+
- [4.10 フォーム - HTML Standard 日本語訳](https://momdo.github.io/html/forms.html)
|
22
|
+
|
23
|
+
- [4.10.20 制約 - HTML Standard 日本語訳](https://momdo.github.io/html/form-control-infrastructure.html#constraints)
|
24
|
+
|
25
|
+
|
26
|
+
|
27
|
+
### <input pattern>
|
28
|
+
|
29
|
+
|
30
|
+
|
31
|
+
pattern属性を使って検証すれば、フォーム送信前に検証できると思います。
|
32
|
+
|
33
|
+
|
34
|
+
|
35
|
+
- [<input>: 入力欄 (フォーム入力) 要素 - HTML: HyperText Markup Language | MDN](https://developer.mozilla.org/ja/docs/Web/HTML/Element/Input)
|
6
36
|
|
7
37
|
|
8
38
|
|