回答編集履歴

1

input要素

2018/07/31 11:19

投稿

think49
think49

スコア18156

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