jqueryのsubmit()を使用時の複数のformを識別する方法

Question

以下のようなコードでJavascript側にsubmit()を処理させているのですが、
formが複数あるケースで.name_buttonがクリックされた時に、それをphpで判定し処理を実行するために
$_POST["register"]=="register_name" を設けているのですが、こちらの結果がNULLの為
期待した処理が実行されません。

通常、Jqvascript(Jquery)でsubmit処理を実行する場合で複数のformが存在する場合には
buttonのname属性性を取得して識別すると思うのですが、
submitを使う場合には下記のように、form側で$('#rgs').submit();　とするためこれが識別できません。
formのnameを($_POST["register"]=="register_name")としてうけとってもNULLが帰ってきます。

input type="hidden"で識別できるvalueを渡して
input type="hidden" name="hid" value="register_catch"
$_POST["hide"]=="register_catch"
とうい方法はあるのですが、これが一般的かもわからないのでアドバイスをいただけますでしょうか。

よろしくお願い致します。

<?php
if($_SERVER ['REQUEST_METHOD'] === 'POST'){
   if($_POST["register"]=="register_name"){//ここがform側のname属性で識別できないです。。
	$username=$_POST['username'];            
        var_dump($username);
   }
}
?>

<form id="rgs" class="name_form" name="register" action="" method="POST">
  　<input type="text" name="username" id="username" class="register_text" placeholder="名前"/>
　　<button class="name_button" type="button" name="rgs" value="name">アカウントを作成する</button>
</form>

<form id="rgs2" class="age_form" action="" method="POST">
  　<input type="text" name="age" id="age" class="age_text" placeholder="年齢"/>
　　<button class="age_button" type="button" name="rgs2" value="age">アカウントを作成する</button>
</form>

$(function(){
  $('.name_button').on('click',function(){
    $('#rgs').submit();
  )
)

Answer 1

form自体のname属性は飛んできません。
form名を知る必要があるなら、<input type="hidden" name="form_name" value="フォーム名">のようにして受け取りましょう。

var_dump($_POST);でPOSTされた内容全部を見れるので、テスト中は書いておくといいですよ。

<?php
echo '$_POST : ';
var_dump($_POST);
echo '<hr />';
if($_SERVER ['REQUEST_METHOD'] === 'POST'){
   //if($_POST["register"]=="register_name"){///formのname属性は飛んでこないよ
    $username=$_POST['username'];
        var_dump($username);
        echo '<hr />';
    //}
    $age=$_POST['age'];
        var_dump($age);
        echo '<hr />';
}
?>


<form id="rgs" class="name_form" name="register_name" action="" method="POST">
  　<input type="text" name="username" id="username" class="register_text" placeholder="名前"/>
　　<button class="name_button" type="button" name="rgs" value="name">アカウントを作成する</button>
</form>

<form id="rgs2" class="age_form" name="register_age" action="" method="POST" >
  　<input type="text" name="age" id="age" class="age_text" placeholder="年齢"/>
　　<button class="age_button" type="button" name="rgs2" value="age">アカウントを作成する</button>
</form>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script>
$(function(){
  $('.name_button').on('click',function(){
    $('#rgs').submit();
  });
  $('.age_button').on('click',function(){
    $('#rgs2').submit();
  });
});

</script>

Comments

[pegy]

コメント有難うございます。Formのname属性は取得することが出来ないのですね。。
やはりhiddenでそれぞれ識別すべきvalueを埋め込んでおき分ける方法ですね。
$_POST自体をdumpしてみたことがないため、とても勉強になりました。現在、コードを直ぐに触れない環境にあるため、直ぐにでも内容をチェックしてみたいです！！！
重ねて御礼申し上げます。

Answer 2

$_POST["register"]ってhtml上のどこにその名前のコントロールがありますか？
ちょっと見当たらず、nullになるんじゃないかと…。
検討違いならすいません。

<?php
if($_SERVER ['REQUEST_METHOD'] === 'POST'){
	// nameフォームのsubmitだったら
   if($_POST["action"]=="name"){
    $username=$_POST['username'];            
        var_dump($username);
   }

	// ageフォームのsubmitだったら
   if($_POST["action"]=="age"){
    $age=$_POST['age'];            
        var_dump($age);
   }

}
?>


<form id="rgs1" class="name_form" name="register_name" action="name" method="POST">
	<input type="hidden" id="action" name="action" class="action" value="name">
  　<input type="text" name="username" id="username" class="register_text" placeholder="名前"/>
　　<button id="submit_button" class="name_button" type="button" name="rgs1" value="rgs1">アカウントを作成する</button>
</form>

<form id="rgs2" class="age_form" name="register_name" action="" method="POST">
	<input type="hidden" id="action" name="action" class="action" value="age">
  　<input type="text" name="age" id="age" class="age_text" placeholder="年齢"/>
　　<button id="submit_button" class="age_button" type="button" name="rgs2" value="rgs2">アカウントを作成する</button>
</form>


//　submitボタン押下
$('#submit_button').on('click', function () {
	// submit_buttonのvalue値＝フォーム名
    var $form = $('#' + $(this).val());
	// submitさせる
    $form.submit();
});

こんな感じでいけませんか？

Comments

[pegy]

コメント有難うございます、
失礼しました、$_POST["register"]はform #rgsでコントロールする意図だったのですが、nameを間違えておりました。
ただ、formにvalue属性を設定できない以上、colling様のご指摘の通り、hiddenで取得するしかないのかもしれません。その様な意味ではアドバイスを頂いたコードでもhiddenから取得しているので、こちらで対応してみようと思います。
ありがとうございます！