入力エラー時にテキストボックスの値を保持する方法
現状では、入力チェックでエラーになった場合、ユーザがテキストボックスに入力した値がクリアされてしまいます。
入力エラーの場合はテキストボックスにユーザが入力した値を初期値としてセットする必要があります。
テキストボックスに入力値を保持する方法は今回は下記のように実装します。
<%
'ユーザが入力したテキストボックスの値を保持します
strName = request.form("txtName");
strPrice = request.form("txtPrice");
%>
<!DOCTYPE HTML>
<html>
<body>
<form action="" method="post" name="frmMain">
商品名:<input type="text" name="txtName" value="<%= strName %>"><!-- 初期値をセットします -->
単価:<input type="text" name="txtPrice" value="<%= strPrice %>"><!-- 初期値をセットします -->
<input type="hidden" name="hidMode" value="1">
<input type="button" value="登録" onclick="touroku();">
</form>
</body>
</html>
上記のソースではサーバ側でstrName
とstrPrice
という変数を宣言し、ユーザが入力した値をセットします。その変数をテキストボックスに初期値としてセットしています。
正常に登録処理が完了した場合は変数をクリアれば、登録後はテキストボックスの値はクリアされます。