回答編集履歴
1
修正
answer
CHANGED
|
@@ -38,4 +38,28 @@
|
|
|
38
38
|
名前とメールの入力フォームの両方が入力がされたら「送信ボタン」が表示され送信可能状態になるように
|
|
39
39
|
|
|
40
40
|
上記をそのまま実装した場合、最初の送信ボタンをtype=buttonにすると実現はできますが、「入力チェック」OKの場合に送信ボタンが表示されて、そのあとに入力内容を空にした場合に入力チェックができません。
|
|
41
|
-
少し仕様を考えられた方が良いかもしれません。
|
|
41
|
+
少し仕様を考えられた方が良いかもしれません。
|
|
42
|
+
|
|
43
|
+
> 名前とメールの入力フォームの両方が入力がされたら「送信ボタン」が表示され送信可能状態になるように
|
|
44
|
+
|
|
45
|
+
例えば下記のような。
|
|
46
|
+
```html
|
|
47
|
+
<form action="result.html" name="form1" onchange="checkForm1();return false;">
|
|
48
|
+
氏名（必須） ：<input name="input01" size="20" type="text" required />
|
|
49
|
+
メール（必須）：<input name="input02" size="20" type="text" required />
|
|
50
|
+
<input type="submit" value="送信" name="post" disabled>
|
|
51
|
+
</form>
|
|
52
|
+
```
|
|
53
|
+
```javascript
|
|
54
|
+
var form = document.form1;
|
|
55
|
+
function checkForm1(){
|
|
56
|
+
if(form.input01.value == "" || form.input02.value == ""){
|
|
57
|
+
form.post.disabled = true;
|
|
58
|
+
return;
|
|
59
|
+
}else{
|
|
60
|
+
form.post.disabled = false;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
```
|
|
64
|
+
|
|
65
|
+
いずれにしてもボタン2つは非現実的かと思います。
|