JavaScriptにてsubmitイベント実行時に、
入力値の判定を行い、不正な入力であった場合にalertを出し、return falseを返すfunctionを作成しました。
実行時に入力チェックは正常に動作し、
不正の値の場合にはsubmit時の処理を行わないようになっているのですが、その後送信ボタンが非活性になってしまい、再度入力しても送信ボタンが押せない状態のままになってしまっています。
<button type="submit" disabled>ボタン</button>
return falseで返した後のボタンを活性の状態で保ちたいのですが、disabledになってしまうので原因と対策を教えていただければ幸いです。
よろしくお願いいたします。
対象のコードを追記しました。
HTML
1 <div class="col-md-6"> 2 <form method="get" action='submit処理' class="m-2" id="number"> 3 <div class="input-group"> 4 <input type="text" class="form-control" name="test" value="{{$test}}" id="test" > 5 <input type="hidden" name="_token" value="{{csrf_token()}}"> 6 <span class="input-group-append"> 7 <button class="btn btn-primary prevent_click" type="submit" >検索</button> 8 </span> 9 </div> 10 </form> 11 </div> 12
javascript
1</script> 2 $('#number').submit(function() { 3 var test= document.getElementById("test"); 4 test= test.value; 5 6 if(test == ''){ 7 alert('不正です') 8 return false 9 } 10 }) 11 12</script> 13
id名やifの処理は詳細に書いておりませんが、このような場合に
alertを出した後に検索ボタンがdisabledになっている状態です。
回答1件
あなたの回答
tips
プレビュー