Q&A実現したいこと
- laravel viteを用いた場合の、resources/js/app.js内のjavascriptのfunctionをViewから呼び出したい
前提
Laravel10にてWebシステムを作成しています。
viewが開いたときに、保存ボタンを無効化させたいのですが、埋め込みではなく外部jsファイルとして読み込ませたいです。
埋め込みの場合のソースコード
test.blade.php
1<html> 2 <body onload="start()"> 3 <form action="/test" method="post" name="myForm"> 4 @csrf 5 6 <input class="btn btn-success" type="submit" name="submitBtn_save" id="submitBtn_save" value="保存"> 7 <input class="btn btn-success" type="submit" name="submitBtn_back" value="戻る"> 8 <script> 9 function start(){ 10 document.getElementById("submitBtn_save").disabled = "disabled"; 11 } 12 </script> 13 </form> 14 </body> 15</html>
試したこと
以下のようなソースコードにしてみましたが、うまく機能しません。
test.blade.php
1<html> 2 <head> 3 @vite(['resources/css/app.css', 'resources/js/app.js']) 4 </head> 5 6 <body onload="start()"> 7 <form action="/test" method="post" name="myForm"> 8 @csrf 9 10 <input class="btn btn-success" type="submit" name="submitBtn_save" id="submitBtn_save" value="保存"> 11 <input class="btn btn-success" type="submit" name="submitBtn_back" value="戻る"> 12 </form> 13 </body> 14</html>
resources/js/app.js
1import './bootstrap'; 2import './test';
resources/js/test.js
1function start(){ 2 document.getElementById("submitBtn_save").disabled = "disabled"; 3}
補足情報（FW/ツールのバージョンなど）
laravel 10.6.2
PHP 8.1.12
XAMPP 3.3.0
ngrok
回答1件
0
自己解決
以下同様な質問が見つかり、解決しました。
https://teratail.com/questions/327121
投稿2023/05/04 01:33
総合スコア3
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。