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