<a href="" onclick="document.フォーム名.submit(); return false;">は間違っていますでしょうか？？

Question

Webアプリの作成において困っていることがあります。

それは、

<form action="◯◯" method="POST" name="form1">
<input type="hidden" name="□□" value="${ △△ }">
</form>
•••
<a href="" onclick="document.form1.submit(); return false;">
•••
</a>

というコードがあり、
<a>タグで囲まれた部分をクリックすると、

<form>タグ内の値をリクエストするようにしているのですが、 postしようとするとエラーが起きてしまいます。

もう少し、具体的に申しますと、
まず、コードですが下記になります。

<form action="YourSelectEngineer?switch=MatchingDetailEngineer" method="POST" name="form1">
      <input type="hidden" name="engineerid" value="${ engineerlist.engineerid }"/>
      </form>
      <div class="row p-profile_box_white">
      	<div class="col-md-12 c-matching_box">
      		<a href="" onclick="document.form1.submit(); return false;">
        	<div class="c-matching-leftbox c-center">
        		<div class="c-photobox ">
            		<img src="${ engineerlist.photo }" class="img-circle c-photo"><br>
            	</div>
            	<div class="c-name">
            		<p>${ engineerlist.name }(${ engineerlist.age })</p>
            	</div>
             </div>
     		 </a>
            
            <div class="c-matching-rightbox">
        		<nav class="c-position">
        			<ul class="nav nav-stacked ">
            			<li class="c-matchingbox_info"><img src="image/minicompany_logo.png" class="c-mini_logo">
            			<c:if test="${ engineerlist.projectmanager == true }" var="projectmanager"/>
            			<c:if test="${projectmanager}">プロジェクトマネージャー<br></c:if><c:if test="${!projectmanager}"></c:if>
            			<c:if test="${ engineerlist.projectleader == true }" var="projectleader"/>
            			<c:if test="${projectleader}">プロジェクトリーダー<br></c:if><c:if test="${!projectleader}"></c:if>
            			<c:if test="${ engineerlist.engineer == true }" var="engineer"/>
            			<c:if test="${engineer}">システムエンジニア<br></c:if><c:if test="${!engineer}"></c:if>
            			<c:if test="${ engineerlist.programer == true }" var="programer"/>
            			<c:if test="${programer}">プログラマー<br></c:if><c:if test="${!programer}"></c:if>
            			<c:if test="${ engineerlist.director == true }" var="director"/>
            			<c:if test="${director}">ディレクター<br></c:if><c:if test="${!director}"></c:if>
            			<c:if test="${ engineerlist.coder == true }" var="coder"/>
            			<c:if test="${coder}">コーダー<br></c:if><c:if test="${!coder}"></c:if>
            			<c:if test="${ engineerlist.designer == true }" var="designer"/>
            			<c:if test="${designer}">デザイナー<br></c:if><c:if test="${!designer}"></c:if>
            			<c:if test="${ engineerlist.tester == true }" var="tester"/>
            			<c:if test="${tester}">テスター<br></c:if><c:if test="${!tester}"></c:if>
            			</li>
                		<li class="c-matchingbox_info"><img src="image/ministation_logo.png" class="c-mini_logo">  ${ engineerlist.years_of_experience }年</li>
                		<li class="c-matchingbox_info"><img src="image/miniindustry_logo.png" class="c-mini_logo">  ${ engineerlist.introduction }</li>
                	</ul>
            	</nav>
            </div>
		</div>
      </div>

なお、<form>内で<input type="submit">するとエラーは出ずに成功します。

因に、エラーは下記の通りです。

重大: サーブレット /Callback のServlet.service()が例外を投げました
java.io.IOException: Server returned HTTP response code: 400 for URL: https://graph.facebook.com/oauth/

エラー該当箇所は下記の通りです。

//アクセストークンを取り出す
		final String accessTokenURL = 
				"https://graph.facebook.com/oauth/access_token?client_id="
				+ appId
				+ "&redirect_uri="
				+ URLEncoder.encode(callbackURL, "UTF-8")
				+ "&client_secret="
				+ appSecret
				+ "&code="
				+ URLEncoder.encode(code, "UTF-8");
		final String accessTokenResult = httpRequest(new URL(accessTokenURL));

	String httpRequest(URL url) throws IOException {
        HttpURLConnection conn = (HttpURLConnection) url.openConnection();
        conn.setDoOutput(true);
        conn.setUseCaches(false);
        conn.setRequestMethod("GET");
        BufferedReader reader = new BufferedReader(new InputStreamReader(conn.getInputStream()));
        String line = null;
        String response = "";
        while ((line = reader.readLine()) != null) {
            response += line;
        }
        reader.close();
        conn.disconnect();
        return response;
    }

final String accessTokenResult = httpRequest(new URL(accessTokenURL));
でエラーが出ているようです。

しかし、<input type="submit">では正常に動作しているので、
原因がよくわかりません。

何故、<a>タグですとエラーが出てしまうのでしょうか？

ご回答の程よろしくお願い致します。

Answer 1

すみません、
全く記載していないコードからの原因だとわかりました。
原因はformのnameの重複だったと思います

Answer 2

accessTokenURLを組み立てた後に、ログに出力するか、デバッガで見るなどして、
成功する場合と、失敗する場合のURLの違いがないか、調べてみてはいかがでしょうか？

Answer 3

<form action="YourSelectEngineer?switch=MatchingDetailEngineer" method="POST" **name**="form1"> を <form action="YourSelectEngineer?switch=MatchingDetailEngineer" method="POST" **id**="form1"> に変えてみたらどうでしょう？

Comments

[Sfidante]

回答ありがとうございます。
変えてもダメみたいですね。
同じような記載の仕方をしているJSPでは、成功しているのに、
このJSPだけがエラーおこしているみないなのです。

やはり、エラー文からたどるしか無いのでしょうか？

[退会済みユーザー]

<form>の中でsubmitすればきちんと処理出来るのに不可解ですね
一度　POSTをGETに変えて送信されているデータの中身を確認されてはいかがですか？