質問編集履歴

2

修正

2020/05/15 00:14

投稿

_jdi
_jdi

スコア5

test CHANGED
File without changes
test CHANGED
@@ -8,9 +8,11 @@
8
8
 
9
9
  不正の値の場合にはsubmit時の処理を行わないようになっているのですが、その後送信ボタンが非活性になってしまい、再度入力しても送信ボタンが押せない状態のままになってしまっています。
10
10
 
11
- ```<button type="submit" disabled>ボタン</button>
12
11
 
12
+
13
- ```
13
+ <button type="submit" disabled>ボタン</button>
14
+
15
+
14
16
 
15
17
  return falseで返した後のボタンを活性の状態で保ちたいのですが、disabledになってしまうので原因と対策を教えていただければ幸いです。
16
18
 

1

コードを追加

2020/05/15 00:14

投稿

_jdi
_jdi

スコア5

test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  JavaScriptにてsubmitイベント実行時に、
2
2
 
3
- 入力値の判定を行い、不正な入力であった場合にarartを出し、return falseを返すfunctionを作成しました。
3
+ 入力値の判定を行い、不正な入力であった場合にalertを出し、return falseを返すfunctionを作成しました。
4
4
 
5
5
 
6
6
 
@@ -17,3 +17,77 @@
17
17
 
18
18
 
19
19
  よろしくお願いいたします。
20
+
21
+
22
+
23
+
24
+
25
+ 対象のコードを追記しました。
26
+
27
+
28
+
29
+ ```HTML
30
+
31
+ <div class="col-md-6">
32
+
33
+ <form method="get" action='submit処理' class="m-2" id="number">
34
+
35
+ <div class="input-group">
36
+
37
+ <input type="text" class="form-control" name="test" value="{{$test}}" id="test" >
38
+
39
+ <input type="hidden" name="_token" value="{{csrf_token()}}">
40
+
41
+ <span class="input-group-append">
42
+
43
+ <button class="btn btn-primary prevent_click" type="submit" >検索</button>
44
+
45
+ </span>
46
+
47
+ </div>
48
+
49
+ </form>
50
+
51
+ </div>
52
+
53
+
54
+
55
+ ```
56
+
57
+
58
+
59
+ ```javascript
60
+
61
+ </script>
62
+
63
+ $('#number').submit(function() {
64
+
65
+ var test= document.getElementById("test");
66
+
67
+ test= test.value;
68
+
69
+
70
+
71
+ if(test == ''){
72
+
73
+ alert('不正です')
74
+
75
+ return false
76
+
77
+ }
78
+
79
+ })
80
+
81
+
82
+
83
+ </script>
84
+
85
+
86
+
87
+ ```
88
+
89
+
90
+
91
+ id名やifの処理は詳細に書いておりませんが、このような場合に
92
+
93
+ alertを出した後に検索ボタンがdisabledになっている状態です。