omachizura

ホームページの基本的なことからスタートし、WEBアプリの開発までできるスキルを紹介します。


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

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

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

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


<%
  'ユーザが入力したテキストボックスの値を保持します
  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という変数を宣言し、ユーザが入力した値をセットします。その変数をテキストボックスに初期値としてセットしています。

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





前へ
1

  • ホームページの仕組み・基本

    ホームページとWEBアプリケーションの違いは、ホームページとは基本的に作成者が一方的に情報を公開するサイトのことを差します。


  • WEBアプリの仕組み・基本

    WEBアプリの基本的な仕組みを説明します。まずは、WEBアプリで頻繁に登場する用語の説明を交えながら、ホームページの仕組みについて復習します。


  • サーバ処理の基本

    サーバ処理でhtmlファイルをそのまま出力している場合は、データが変わるごとに、htmlファイルを書き換えなければなりません。


  • aspの基本的な文法

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


  • htmlで入力したデータをサーバ側に送信する方法 その1

    classic aspでhtmlで入力したデータをサーバ側に送信する方法ついて説明します。下記のような画面で、商品名と単価を入力して登録ボタンを押したら、データベースにデータが登録されるような処理の実...


  • htmlで入力したデータをサーバ側に送信する方法 その2

    classic aspでhtmlで入力したデータをサーバ側に送信する方法ついて説明します。サーバ側ではコントロールのname属性をキーに値を取得するので、それぞれのコントロールにname属性を指定しま...


  • GETとPOSTの違い

    GETとPOSTの違いについて説明します。formのmethod属性には、GETとPOSTの2種類があります。method属性では送信(リクエスト)の方法を指定しています。何も指定しない場合はGETで...


  • サーバ処理でクライアントからの情報を取得する方法

    classic aspでサーバ処理でクライアントからの情報を取得する方法について説明します。クライアント側からサーバ側への送信処理は実装できたので、次はサーバ側でデータの登録を行う処理を実装します。


  • 登録時にデータの入力チェックを行う方法

    classic aspで登録時にクライアントとサーバでデータの入力チェックを行う方法について説明します。誤って不正なデータを登録してしまうのを防ぐために、ユーザが入力した内容をチェックする処理を実装し...


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

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


前へ
1