入力エラー時にテキストボックスの値を保持する方法

現状では、入力チェックでエラーになった場合、ユーザがテキストボックスに入力した値がクリアされてしまいます。

入力エラーの場合はテキストボックスにユーザが入力した値を初期値としてセットする必要があります。

テキストボックスに入力値を保持する方法は今回は下記のように実装します。

<%
  'ユーザが入力したテキストボックスの値を保持します
  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>

上記のソースではサーバ側でstrNamestrPriceという変数を宣言し、ユーザが入力した値をセットします。その変数をテキストボックスに初期値としてセットしています。

正常に登録処理が完了した場合は変数をクリアれば、登録後はテキストボックスの値はクリアされます。


関連記事

  • aspの基本的な文法

    aspの基本的な文法について説明します。サーバ処理以外の箇所は普通のhtmlと同じように、そのまま出力されます。サーバ処理で変数などを出力したい場合はresponse.write(出力する変数など)を...


  • 入力エラー時にテキストボックスの値を保持する方法

    classic aspで入力エラー時にテキストボックスの値を保持する方法について説明します。現状では、入力チェックでエラーになった場合、ユーザがテキストボックスに入力した値がクリアされてしまいます。入...


  • asp.netのイベントの基本と注意事項

    asp.netではsubmitコントロールにrunat="server"属性を指定してsubmitするようにすれば、サーバ処理ではフォームアプリと同じようにイベントのファンクション...


  • カミソリ負けで肌荒れに困っているときの対処法

    カミソリから髭剃りに変えてから肌荒れは格段に改善しましたので、私のようにカミソリ負けによる肌荒れに悩んでいる方にはおすすめです。温タオルでひげを温めてひげを柔らかくして、シェービングクリームをつけて、...


  • 冠着山に登山・トレッキングに行ってきました

    冠着駅から歩いて行ったのですが、途中の道はサイクリングをしたくなるようなとても気持ちのいい道でした。かなりの長距離で大変でしたが、姨捨のあぜ道は景色がとても絶景で、風も心地良かったです。夏には最高の避...


  • 唐松岳・八方尾根に日帰り登山レビュー

    唐松岳に日帰り登山に行ってきました。登山道は森の中を歩く箇所は少なく、ほとんど開けた場所で、風が下から吹いてきてとても気持ちが良いです。途中までリフトが使えることや、道がとても歩きやすいことから、唐松...


  • asp.netの基本・aspとの違い

    classic aspとasp.net(aspx)の違いやaspx.netの基本的な考え方ついて説明します。ここまでaspを用いてWEBアプリの基本を説明してきましたが、ここまでのサンプルコードを見て...


  • 一人暮らしに便利なおすすめ家電と使わない家電

    初めて一人暮らしを始めるときに、便利そうな家電を買ってみたものの、結局使用しなくなったという経験がある方は多いと思います。一人暮らしをしていたときに、実際に買ってみて重宝した家電や逆に買っても使用しな...


  • Laravel5 Carbonでエラーになってしまうときの対処法

    Laravel5でCarbonを使用するとなぜかエラーになってしまいました。以下のようにしたらうまく動きました。PHPやLaravelに慣れていない人は意外とハマってしまうところかもしれません。


  • laravel なぜかcatchに入らない時に確認すること

    laravelでtry-catchの処理で、tryの中でエラーが発生したのに、何故かcatchに入らずに、サーバーエラーになってしまう時がありました。以下のように実装していましたが、catchの引数の...