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

回答編集履歴

1

追記

2017/04/10 03:13

投稿

yambejp
yambejp

スコア117921

answer CHANGED
@@ -10,4 +10,38 @@
10
10
  (passも同等)
11
11
 
12
12
  逆にaddressおよびpassに一定の決まりがあるのであれば
13
- それを別ユーザー関数にまとめてもいいかと思います
13
+ それを別ユーザー関数にまとめてもいいかと思います
14
+
15
+ # 追記
16
+ まとめるとこんな感じでしょうか?
17
+ getElementById("login_button")でエラーは出ないと思います
18
+
19
+ ```HTML
20
+ <script>
21
+ window.onload=function(){
22
+ login_check();
23
+ }
24
+ function login_check(){
25
+ var adress = document.getElementById("login_adress").value;
26
+ var pass = document.getElementById("login_pass").value;
27
+ document.getElementById("login_button").disabled = (adress==="" || pass==="");
28
+ }
29
+ </script>
30
+ <form>
31
+ <div>
32
+ <p>メールアドレス</p>
33
+ <p><input type="text" id ="login_adress" value="" onchange="login_check()"></p>
34
+ </div>
35
+ <div>
36
+ <p>パスワード</p>
37
+ <p><input type="text" id ="login_pass" value="" onchange="login_check()"></p>
38
+ </div>
39
+ <div>
40
+ <input id="login_button" type = "submit" value="ログイン">
41
+ </div>
42
+ </form>
43
+ <div>
44
+ <p><a>ご利用は初めてですか?</a></p>
45
+ <p><input type="button" value="新規登録" onclick="location.href='regist.php'"></p>
46
+ </div>
47
+ ```