formタグにonsubmitが指定されているログインフォームの内容を取得したい

Question

したいこと

<form name="form1" method="post" action="login.aspx" onsubmit="javascript:return WebForm_OnSubmit();" id="form1">

このような形式のログインフォームにpythonのrequestを使ってログインしたい。（url: http://xxxx.jp/xxxxx/login.aspx）
コードは勤務先で実際に使っているものなのであまり載せたくはないが、これ以外に必要な情報があるなら言ってください。

参考にしたもの

https://qiita.com/syunyo/items/36af8bcb501baf8c7014
この記事を参考に進めたがactionがフォーム送信のリンクになっておらず詰まってしまった。
onsubmitの関数を実行できればいいのだろうがやり方がわからない。

試したこと

seleniumを使ったら(当たり前だが)サクッとできた。けどrequestを使ったやり方が気になったため質問させていただきました。

追記

webform_OnSubmitの内容は以下の通りです

function WebForm_OnSubmit() {
if (typeof(ValidatorOnSubmit) == "function" && ValidatorOnSubmit() == false) return false;
return true;
}

実行例

session = requests.session()

login_info = {
    "txtLoginId": USER,
    "txtPassword": PASS,
    "param_in_input": PARAM
}

url_login = "https://xxxxxx.jp/xxx/login.aspx"
res = session.post(url_login, data=login_info)
res.raise_for_status()

print(res.text)

これを実行すると元のページのHTMLが返ってきます

Comments

[plasticgrammer]

requestsでできることはHTTPリクエストの発行で、ブラウザのエミュレート的なこと（javascript実行）はできない認識です。

また、WebForm_OnSubmitの処理内容は確認できるのでしょうか。
その中でリクエストされる値の操作以外のことをしていると、requestsの処理ではできない気がします。
WebForm_OnSubmitの内容がわかるようでしたら追記をお願いします。

[Kanadekana_nana]

返信ありがとうございます、コード追記しました。
処理内容はt/fを返す簡単なものでしたがそれでもjavascriptが使われてそうなので触れなさそうでしょうか？

[plasticgrammer]

ValidatorOnSubmitの中身はまだ不明ですが、名前からすると単純な入力チェックかと思います。

その前提だとログインするために、onsubmitを動かすのは必須ではなさそうなので、単純にユーザー名とパスワードをPOSTで login.aspx に送ることでログイン後画面のレスポンスを得られるのではないでしょうか。
※但し、CORSの制約によりできない可能性も高いです

[Kanadekana_nana]

ログインページのurlがhttp://xxxx.jp/xxxxx/login.aspxで、actionもlogin.aspxなのでそれしても何も動かないんですよね。。。
そこで詰まってます。

[plasticgrammer]

http://xxxx.jp/xxxxx/login.aspx に対して
GETでログインページを初期表示、POSTでログイン処理
という挙動になっているものと考えられます。

> それしても何も動かない
動かないという状況について詳細を教えてください。
POSTの結果でエラーが返ってきているのでしょうか？それとも処理例外が発生しているとかでしょうか？

[Kanadekana_nana]

実行例を追加しました。エラーこそ出ないものの期待したものが返ってこない感じです。

Answer 1

form の後に input 要素がないですか? (ない場合もある)
あるなら、それを下記のような感じで request.post に渡してください。

params = {'userid': 'xxx', 'password': 'yyy'}
res = requests.post("http://xxxx.jp/xxxxx/login.aspx", data=params)

あるいは別アプローチとして Chrome 等で F12 > Network タブを選んで、Chrome にて普通にログインを行い、どのようなリクエストが http://xxxx.jp/xxxxx/login.aspx に送られているか確認する手もあります。

Comments

[Kanadekana_nana]

formの中に3つくらいhiddenのinputがあったのでそれらをparamsに追加して試してみましたが結果は同じでした。
chromeのアプローチ試してみましたがWebResource.axd?... みたいなのがたくさん並んでました。こういう方面はあまり詳しくないのでよくわからないです。。。

[68user]

F12 > Network を開いて login.aspx にアクセスしたら、Network タブ内に login.aspx の行が表示されているはずなので探してください。参考: https://smakoma.com/http-header-chrome.html

勤務先のシステムであるのでフォームの HTML・Javascript の内容を正確に開示できない、ということであれば、後はこれしか方法はないと思いますよ。

[Kanadekana_nana]

Request Headers確認できました！
実際のプログラムは開示したくないのでこの方法で行きたいと思うのですが、何をプログラムに追加すればいいでしょうか？

[68user]

Headers の「▼Form Data」というところを見ると、
　txtLoginId: xxxx
　txtPassword: yyyy
　param_in_input: zzzz
などとなっているのではと思いますので、それを login_info に転記して動かしてみる。

それでもダメなら、▼Request Headers の cookie を渡すように修正して動かしてみる。
参考: https://www.yoheim.net/blog.php?q=20170802#t9

▼Query String Parameters は何もないと思いますが、もしあればご連絡を。

それでもダメなら、▼Request Headers のヘッダをひとつずつ増やしていく。
サーバ側が何をもとに認証しているのかわからないので、これとこれを追加すればできる、とは言えません。

ここから先「うまくいきません」という状態になった場合、あなた以外に Chrome で確認したリクエスト内容を見ることができないし試すこともできないので、アドバイスは難しいかもしれません。

[Kanadekana_nana]

input要素が一つ抜けてたみたいです。そこ確認してparamに打ち込んだら無事ログインできました！丁寧にありがとうございました！