【HTML】送信ボタンに名前（name属性）を付けると403エラー

Question

送信ボタンに名前（name属性）を付けるとフォームデータ送信先で403エラーが発生してしまいます。

今回、recaptchaの実装をしたくこのような結果になりました。

問題のコード

<form action="registration_mail_check.php" method="post">

<p>メールアドレス：<input type="text" name="mail" size="50"></p><br>

<input type="hidden" name="token" value="<?=$token?>">

//<input type="submit" value="登録する" name="button" class="recaptcha btn-attention-block-large" disabled>
//以下に変更
<button type="submit" id="button" class="recaptcha btn-attention-block-large" disabled>仮登録</button>

<script type="text/javascript">
function clearcall(code) {
	if(code !== ""){
		//$(':submit[name=button]').removeAttr("disabled");
//以下に変更
		$('#button').removeAttr("disabled");
	}
}
</script>

エラー出力先
registration_mail_check.php

<?php
session_start();
header("Content-type: text/html; charset=utf-8");

<以下略>

if(empty($_POST)) {
	header("Location: registration_mail_form.php");
	exit();
}else{
$mail = isset($_POST['mail']) ? $_POST['mail'] : NULL;

<以下略>

何かお分かりの方いらっしゃったらご指摘のほどよろしくお願い致します。

Answer 1

この場合403エラーを出力した方のソースを確認するべきなのですが...

質問から推測すると

<input type="submit" value="登録する" class="recaptcha btn-attention-block-large" disabled>

の時はステータスが200なり正常に処理が完了する

<input type="submit" value="登録する" name="button" class="recaptcha btn-attention-block-large" disabled>

とすると403エラーになってしまう。

とお見受けしました。
この記述だとSubmitを行った際にPOSTパラメータで「button=登録する」が送信されてしまうのでリクエストを受け取るregistration_mail_check.phpで日本語を処理できない、もしくはリクエスト生成時に「button=吶ｲ縺ｋ」のように文字化けされてしまっているのかな、と考えました。

質問の趣旨とは異なりますがdisable属性はそのままで良いのですかね、それともjsからSubmitされているのでしょうか

Comments

[TanakashiXr]

ご回答ありがとうございます。
その推測通りでございます。
disable属性についてとregistration_mail_check.phpのエラー出力したソースを追記させていただきました。

[wp-h]

あぁ...なるほど。
まずregistration_mail_check.phpの方の指摘を
header("Location: registration_mail_form.php");はレスポンスボディが出力される前に出力していますかね。
以下省略とあるので何か処理を行っているように見受けられますが。

また、

if(empty($_POST)) {

と記述すると「button=登録する」がパラメータとして存在してしまうのでelseの処理を行ってしまうのは期待した動作なのでしょうか

HTMLの方はnameをidに変え

<input type="submit" value="登録する" id="button" class="recaptcha btn-attention-block-large" disabled>

jsの方は

$('#button').removeAttr("disabled");

とすれば動くのではないでしょうか

[defghi1977]

<input type="submit" value="登録する">
の代わりに
<button type="submit">登録する</button>
って使えませんかね？
※あんまり試してみたこと無いけれど
https://developer.mozilla.org/ja/docs/Web/HTML/Element/button

[TanakashiXr]

header("Location: registration_mail_form.php");
の下は文字の判定処理を行っております。

HTMLの方ですが
id="button" に変更し、<button>のタグを使用しましたところ、disableを入れることにより403エラーが返ってくる結果になりました。

Answer 2

mod_securityが原因でした。
まずはログ出力のみにして様子見にしたいと思います。