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

回答編集履歴

2

propのほうがいいようなので追加

2017/08/04 02:48

投稿

rururu3
rururu3

スコア5545

answer CHANGED
@@ -40,4 +40,39 @@
40
40
  ```
41
41
  $('#submit').removeAttr('disabled');
42
42
  ```
43
- を入れればいいかと
43
+ を入れればいいかと
44
+
45
+ propのほうがいいようなので追加
46
+ ```HTML
47
+ <!DOCTYPE html>
48
+ <html lang="ja">
49
+ <head>
50
+ <meta charset="utf-8" />
51
+ <script src="https://code.jquery.com/jquery-3.2.1.js"></script>
52
+ <script type="text/javascript">
53
+ $(function() {
54
+ $('#submit').prop('disabled', true);
55
+ $('#inputFile').on("change", function() {
56
+ var file = this.files[0];
57
+ if(file != null) {
58
+ $('#submit').prop('disabled', false);
59
+ }
60
+ else {
61
+ $('#submit').prop('disabled', true);
62
+ }
63
+ });
64
+ $('#submit').submit(function() {
65
+ $('#submit').prop('disabled', true);
66
+ return true;
67
+ });
68
+ });
69
+ </script>
70
+ </head>
71
+ <body>
72
+ <form>
73
+ <input type="file" id="inputFile">
74
+ <input type="submit" id="submit" value="Submit" />
75
+ </form>
76
+ </body>
77
+ </html>
78
+ ```

1

submitイベントのほうが正しい気がしましたので修正

2017/08/04 02:48

投稿

rururu3
rururu3

スコア5545

answer CHANGED
@@ -18,8 +18,9 @@
18
18
  $('#submit').attr('disabled', 'disabled');
19
19
  }
20
20
  });
21
- $('#submit').click(function() {
21
+ $('#submit').submit(function() {
22
22
  $('#submit').attr('disabled', 'disabled');
23
+ return true;
23
24
  });
24
25
  });
25
26
  </script>