teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

修正

2018/04/10 03:06

投稿

m.ts10806
m.ts10806

スコア80888

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つは非現実的かと思います。