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

質問編集履歴

2

修正

2020/05/15 00:14

投稿

_jdi
_jdi

スコア5

title CHANGED
File without changes
body CHANGED
@@ -3,8 +3,9 @@
3
3
 
4
4
  実行時に入力チェックは正常に動作し、
5
5
  不正の値の場合にはsubmit時の処理を行わないようになっているのですが、その後送信ボタンが非活性になってしまい、再度入力しても送信ボタンが押せない状態のままになってしまっています。
6
+
6
- ```<button type="submit" disabled>ボタン</button>
7
+ <button type="submit" disabled>ボタン</button>
7
- ```
8
+
8
9
  return falseで返した後のボタンを活性の状態で保ちたいのですが、disabledになってしまうので原因と対策を教えていただければ幸いです。
9
10
 
10
11
  よろしくお願いいたします。

1

コードを追加

2020/05/15 00:14

投稿

_jdi
_jdi

スコア5

title CHANGED
File without changes
body CHANGED
@@ -1,5 +1,5 @@
1
1
  JavaScriptにてsubmitイベント実行時に、
2
- 入力値の判定を行い、不正な入力であった場合にarartを出し、return falseを返すfunctionを作成しました。
2
+ 入力値の判定を行い、不正な入力であった場合にalertを出し、return falseを返すfunctionを作成しました。
3
3
 
4
4
  実行時に入力チェックは正常に動作し、
5
5
  不正の値の場合にはsubmit時の処理を行わないようになっているのですが、その後送信ボタンが非活性になってしまい、再度入力しても送信ボタンが押せない状態のままになってしまっています。
@@ -7,4 +7,41 @@
7
7
  ```
8
8
  return falseで返した後のボタンを活性の状態で保ちたいのですが、disabledになってしまうので原因と対策を教えていただければ幸いです。
9
9
 
10
- よろしくお願いいたします。
10
+ よろしくお願いいたします。
11
+
12
+
13
+ 対象のコードを追記しました。
14
+
15
+ ```HTML
16
+ <div class="col-md-6">
17
+ <form method="get" action='submit処理' class="m-2" id="number">
18
+ <div class="input-group">
19
+ <input type="text" class="form-control" name="test" value="{{$test}}" id="test" >
20
+ <input type="hidden" name="_token" value="{{csrf_token()}}">
21
+ <span class="input-group-append">
22
+ <button class="btn btn-primary prevent_click" type="submit" >検索</button>
23
+ </span>
24
+ </div>
25
+ </form>
26
+ </div>
27
+
28
+ ```
29
+
30
+ ```javascript
31
+ </script>
32
+ $('#number').submit(function() {
33
+ var test= document.getElementById("test");
34
+ test= test.value;
35
+
36
+ if(test == ''){
37
+ alert('不正です')
38
+ return false
39
+ }
40
+ })
41
+
42
+ </script>
43
+
44
+ ```
45
+
46
+ id名やifの処理は詳細に書いておりませんが、このような場合に
47
+ alertを出した後に検索ボタンがdisabledになっている状態です。