回答編集履歴
4
無用なコードを削除
answer
CHANGED
|
@@ -10,8 +10,6 @@
|
|
|
10
10
|
<form action="result.html" name="form1" onchange="check(this)">
|
|
11
11
|
<label>氏名（必須）：<input name="input01" size="20" type="text" required /></label>
|
|
12
12
|
<label>メール（必須）：<input name="input02" size="20" type="text" required /></label>
|
|
13
|
-
<div id="test1">
|
|
14
|
-
</div>
|
|
15
13
|
<button id="submit" type="submit">送信</button>
|
|
16
14
|
</form>
|
|
17
15
|
```
|
3
文章の前後関係修正
answer
CHANGED
|
@@ -3,10 +3,9 @@
|
|
|
3
3
|
---
|
|
4
4
|
直接的な答えじゃないけれど, HTMLフォームの仕組みは随分強化されています.（もちろんこれだけでは不十分でサーバーサイドでの入力確認は必要ですが）
|
|
5
5
|
|
|
6
|
-
例えばこんな感じで.
|
|
7
|
-
|
|
8
6
|
[https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Data_form_validation ](https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Data_form_validation )
|
|
9
7
|
|
|
8
|
+
例えばこんな感じで.
|
|
10
9
|
```HTML
|
|
11
10
|
<form action="result.html" name="form1" onchange="check(this)">
|
|
12
11
|
<label>氏名（必須）：<input name="input01" size="20" type="text" required /></label>
|
2
コードを追加
answer
CHANGED
|
@@ -3,4 +3,23 @@
|
|
|
3
3
|
---
|
|
4
4
|
直接的な答えじゃないけれど, HTMLフォームの仕組みは随分強化されています.（もちろんこれだけでは不十分でサーバーサイドでの入力確認は必要ですが）
|
|
5
5
|
|
|
6
|
+
例えばこんな感じで.
|
|
7
|
+
|
|
6
|
-
[https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Data_form_validation ](https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Data_form_validation )
|
|
8
|
+
[https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Data_form_validation ](https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Data_form_validation )
|
|
9
|
+
|
|
10
|
+
```HTML
|
|
11
|
+
<form action="result.html" name="form1" onchange="check(this)">
|
|
12
|
+
<label>氏名（必須）：<input name="input01" size="20" type="text" required /></label>
|
|
13
|
+
<label>メール（必須）：<input name="input02" size="20" type="text" required /></label>
|
|
14
|
+
<div id="test1">
|
|
15
|
+
</div>
|
|
16
|
+
<button id="submit" type="submit">送信</button>
|
|
17
|
+
</form>
|
|
18
|
+
```
|
|
19
|
+
```JavaScript
|
|
20
|
+
submit.disabled = true;
|
|
21
|
+
function check(form){
|
|
22
|
+
const allValid = [].every.call(form.elements, input => input.validity.valid);
|
|
23
|
+
submit.disabled = !allValid;
|
|
24
|
+
}
|
|
25
|
+
```
|
1
謝罪コメント追加
answer
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
ごめん`required`設定してますね. よく見てませんでした.
|
|
2
|
+
|
|
3
|
+
---
|
|
1
4
|
直接的な答えじゃないけれど, HTMLフォームの仕組みは随分強化されています.（もちろんこれだけでは不十分でサーバーサイドでの入力確認は必要ですが）
|
|
2
5
|
|
|
3
6
|
[https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Data_form_validation ](https://developer.mozilla.org/ja/docs/Learn/HTML/Forms/Data_form_validation )
|