入力したパスワードを●にしたいです

前提・実現したいこと

社員登録の入力画面でパスワードを入力し、次の確認画面で入力されたパスワードが表示されているので、それを●で表示したいです。

該当のソースコード

JSP
ソースコード
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>社員登録</title> </head> <body> <h3>社員登録入力画面</h3> <div class="update"> <form method="post" action="/servlet_crud//Check" method="post"> <div class="form"> <div class="label">パスワード：</div> <div class="input"> <input type="password" name="empPass" /> </div> </div> <div class="form"> <div class="label">社員名：</div> <div class="input"> <input type="text" name="empName" /> </div> </div> <div class="form"> <div class="label">性別：</div> <div class="input"> <input type="radio" name="gender" value="1" />男性  <input type="radio" name="gender" value="2" />女性 </div> </div> <div class="form"> <div class="label">住所：</div> <div class="input"> <input type="text" name="address" /> </div> </div> <div class="form"> <div class="label">生年月日：</div> <div class="input"> <input type="text" name="birthday"/>(YYYY/MM/DD) </div> </div> <div class="form"> <div class="label">権限：</div> <div class="input"> <input type="radio" name="authority" value="1" />一般  <input type="radio" name="authority" value="2" />管理者 </div> </div> <div class="form"> <div class="label">部署名：</div> <div class="input"> <select name="deptId"> <option value="1">営業部</option> <option value="2">経理部</option> <option value="3">総務部</option> </select> </div> </div> <div class="form"> <div class="label"></div> <div class="input"> <input type="submit" value="登録" /> </div> </div> </form> <form action="../../select/list.jsp"> <div class="form"> <div class="label"></div> <div class="input"> <input type="submit" value="戻る" /> </div> </div> </form> </div> </div> </body> </html>

サーブレット
ソースコード
package jp.co.sss.servlet.regist;

import java.io.IOException;
import java.sql.SQLException;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import jp.co.sss.crud.bean.Department;
import jp.co.sss.crud.bean.Employee;
import jp.co.sss.crud.db.DepartmentDAO;

@WebServlet("/Check")
public class Check extends HttpServlet {

protected void doPost(HttpServletRequest request, HttpServletResponse response)
		throws ServletException, IOException {

	String empPass = request.getParameter("empPass");
	String empName = request.getParameter("empName");
	String gender = request.getParameter("gender");
	String address = request.getParameter("address");
	String birthday = request.getParameter("birthday");
	String authority = request.getParameter("authority");
	String deptId = request.getParameter("deptId");

	Department department = null;
	try {
		department = DepartmentDAO.findByDepartment(deptId);
	} catch (SQLException e) {
		// TODO 自動生成された catch ブロック
		e.printStackTrace();
	}
	Employee employee = new Employee();

	employee.setEmpPass(empPass);
	employee.setEmpName(empName);
	employee.setGender(gender);
	employee.setAddress(address);
	employee.setBirthday(birthday);
	employee.setAuthority(authority);
	employee.setDepartment(department);
	request.setAttribute("employee", employee);
	request.getRequestDispatcher("/jsp/sample01/regist_check.jsp").forward(request, response);

}

}

JSP
ソースコード
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>社員登録</title> </head> <body> <h3>社員登録確認画面</h3> <div class="update"> <div class="form"> <div class="label">パスワード：</div> <div class="input">${employee.empPass}</div> </div> <div class="form"> <div class="label">社員名：</div> <div class="input">${employee.empName}</div> </div> <div class="form"> <div class="label">性別：</div> <div class="input"><c:choose><c:when test="${employee.gender==1}">男性</c:when> <c:when test="${employee.gender==2}">女性</c:when> <c:otherwise> ? </c:otherwise></c:choose></div> </div> <div class="form"> <div class="label">住所：</div> <div class="input">${employee.address}</div> </div> <div class="form"> <div class="label">生年月日：</div> <div class="input">${employee.birthday}</div> </div> <div class="form"> <div class="label">権限：</div> <div class="input"><c:choose><c:when test="${employee.authority==1}">一般</c:when> <c:when test="${employee.authority==2}">管理者</c:when> <c:otherwise> ? </c:otherwise></c:choose></div> </div> <div class="form"> <div class="label">部署名：</div> <div class="input">${employee.department.deptName}</div> </div> <form action="<%=request.getContextPath()%>/Insert" method="post"> <div class="form"> <div class="label"></div> <div class="input"> <input type="hidden" name="empPass" value="${employee.empPass}※非表示" /> <input type="hidden" name="empName" value="${employee.empName}" /> <input type="hidden" name="gender" value="${employee.gender}" /> <input type="hidden" name="address" value="${employee.address}" /> <input type="hidden" name="birthday" value="${employee.birthday}" /> <input type="hidden" name="authority"value="${employee.authority}" /> <input type="hidden" name="deptName" value="${department.deptId}" /> <input type="submit" value="登録" /> </div> </div> </form> <form action="/servlet_crud/jsp/sample01/regist_input.jsp"> <div class="form"> <div class="label"></div> <div class="input"> <input type="submit" value="戻る" /> </div> </div> </form> </div> </div> </body> </html>

宜しくお願い致します。

行動規範の内容に同意します

回答1件

ベストアンサー

hiddenに入れてるなら確認画面の表示なんて如何様にもできますよ。
単に固定ラベルとして●●… とすれば良いだけです。
桁数すら考慮の必要はありません。

投稿2019/07/28 11:19

m.ts10806

総合スコア80850

Ryo1504

2019/07/28 11:39

回答して頂きありがとうございます！仰ることは理解できるのですが、コードがよく分かりません。こういう風に書くのでしょうか？ <input type="hidden" name="empPass" value="${employee.empPass}●●●●" />

m.ts10806

2019/07/28 11:42

hiddenに書いたら●付きで送信してしまいますよ。今画面に表示されているのはinputのhiddenではなく下記です。 <div class="form"> <div class="label">パスワード：</div> <div class="input">${employee.empPass}</div> </div>

Ryo1504

2019/07/28 13:14

つまり、 class="input">●●●● という風にすれば良いのでしょうか？

m.ts10806

2019/07/28 19:55

はい。単なるラベルなのでそこを変更したところでデータにはなんの影響もありません。formで送信されるのはinput,select,textareaなどの「入力コントロール」のタグです。

Ryo1504

2019/07/28 23:33

ありがとうございます！無事解決しました。

m.ts10806

2019/07/28 23:52

解決されたようで何よりです。先に言っておけば良かったのですが、質問は編集できます。コードはマークダウンで提示することが推奨されていますのでコードのところだけ時間あるときに調整しておいてもらえますか？