watari2007shoma
@watari2007shoma

Are you sure you want to delete the question?

If your question is resolved, you may close it.

Leaving a resolved question undeleted may help others!

We hope you find it useful!

GASのformタグのactionでの遷移時のエラー

スクリーンショット (2).png

Google Apps Scriptにおいて、formタグのaction属性を利用して他のページに遷移することができない。

GoolgleAppsScriptで簡易的なログイン機能をもつWebアプリをつくっています。
フォームに入力し、送信ボタンを押した時ページを遷移できず、上記の画像のようなエラーが表示されます。
なお、aタグを利用した遷移では発生せず、actionやonclickなどの属性を利用した遷移の場合にのみ発生しています。

該当するソースコード

<form method="post" action="<?= getAppUrl() ?>?page=index">
    <div class="form-group">
    <div class="input-group">
        <div class="input-group-prepend">
            <span class="input-group-text"> <i class="fa fa-user"></i> </span>
         </div>
        <input id="email" name="email" class="form-control" type="email">
    </div> <!-- input-group.// -->
    </div> <!-- form-group// -->
    <div class="form-group">
    <div class="d-flex" class="input-group">
        <div class="input-group-prepend">
            <span class="input-group-text"> <i class="fa fa-lock"></i> </span>
         </div>
        <input id="password" name="pass" class="form-control" placeholder="学年組番号(1234...1年2組34番)" type="password">
    </div> <!-- input-group.// -->
    </div> <!-- form-group// -->
    <div class="form-group">
   <button type="submit" id="btn" class="btn btn-secondary btn-block"> ログイン </button>
    </div> <!-- form-group// -->
    <p class="text-center>サインアップできていない場合、トレーニングルームにあるQRコードを読み取り、サインアップしてください。</a></p>
    </form>

自分で試したこと

アクセス権が必要と書かれているため、個人用の規制のかかっていないgoogleアカウントで同じコードを実行した。
→同様のエラーが発生した。

参考にしたサイト

https://uncle-gas.com/dopost-confirm-view/
https://qiita.com/dadadaiiiiiii/items/beb33b838d0516cade05

0

1Answer

form の method が POST なので、POSTリクエストを受け取り、それを元に遷移する処理を書かなければいけません。
GAS側で doPost()関数でログイン処理を書いていますか?

また、GAS でのログイン機能はセッションやcookieなどを使ったセキュアなものなのかわからないので、ちゃんと確認した方がいいと思います!(URL遷移だけだとURLを知っている誰もが見れるものになってしまい、セキュリティリスクがあります)

0Like

Your answer might help someone💌