入力フレームがSUBMITしたら空欄にするには?

このQ&Aのポイント
  • 入力フレームがSUBMITしたら空欄にする方法について教えてください。
  • 会員入場処理を行う際に、左フレームに入力して右側に表示される機能がありますが、再度左フレームに入力する際に、以前の入力内容が残ってしまいます。この内容を自動で消す方法はありますか?
  • <html>という形式のファイル内で、入力フレームがSUBMITしたら自動で空欄にする方法を教えてください。
回答を見る
  • ベストアンサー

入力フレームがSUBMITしたら空欄にするには?

入場処理を入力しますが、下記は左フレームの内容です。 左フレームに入力(input)することにより右側のフレームに表示されます。(会員番号から会員名を右に表示) そして、再度左フレームにinputするのですが、この時、以前の内容が残っているために、それを消してから入力が必要です。この消すという作業を自動で行えないでしょうか?po0001.asp内にNAMAE=" "とでも記述するのでしょうか? <html> <head> <title>会員入場処理</title> <base target="main"> </head> <body bgcolor="#000000" text="#C0C0C0" onload="document.forms[0].NAMAE.focus();"> <center><form ACTION = "po001.asp" METHOD = POST> <p><font size="4">会員入場処理</font></p> <table BORDER=0 > <tr> <td>会員番号</td> <td><input TYPE="TEXT" NAME="NAMAE" SIZE="20" ></td> </tr> </table></center> <center> <p><input TYPE = "SUBMIT" VALUE="入場"></form></center> </body> </html>

noname#10657
noname#10657
  • HTML
  • 回答数2
  • ありがとう数6

質問者が選んだベストアンサー

  • ベストアンサー
  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.2

>main.document.forms[0].reset() VBScriptとjavascriptをちゃんと区別して(ASP(サーバー)とクライアントの動作も)やらないといけないと思います。

noname#10657
質問者

お礼

ありがとうございます。 よくわかりませんでした。

その他の回答 (1)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

1)フォームの中に<input type="reset">を作って、(入力する前に)リセットできるボタンを作る 2)po001.asp側で、フレーム名.document.forms[0].reset(); をする。 3)po001.asp側で、フレーム名.location.reload(); をする。 4)po001.asp側で、フレーム名.document.forms[0].NAMAE.value=""; とする

noname#10657
質問者

お礼

ありがとうございます。 が、「フレーム名」でエラーになります。 p000.aspを下記記述としました。 <% main.document.forms[0].reset() if request.form("namae")="130001" then response.redirect "po130001.asp" end if if request.form("namae")="130002" then response.redirect "po130002.asp" end if session("errormessage")="入力内容が誤っています" response.redirect "po900.asp#end" %>

noname#10657
質問者

補足

>po000.aspを下記・・・ではなく >po001.aspを下記・・・の誤りでした。 よろしくお願いします。

関連するQ&A

  • あるサイトに飛んだとたんに「input」にフォーカスを当てるには?

    下記HTMLがあります。このサイトに飛んだとたんに「input」にフォーカスを当てたいです。どのように記述すればいいのでしょうか?会員番号を「バーコードワンド」で読ませるためにフォーカスを当てておきたいのです。 <html><head><meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="GENERATOR" content="Mozilla"> <title>会員入り口</title> </head> <body> <center><font size=+2>ドラゴン会員入り口</font><HR><BR><BR> <p><form ACTION = "po001.asp" METHOD = POST></center> <center><table BORDER=0 > <tr> <td>会員番号</td> <td><input TYPE="TEXT" NAME="NAMAE" SIZE="20" ></td> </tr> </table></center> <center> <p><input TYPE = "SUBMIT" VALUE="ログイン"> <input TYPE = "RESET" VALUE="取り消し"></form></center> </body> </html>

    • ベストアンサー
    • HTML
  • このフレームを直してもらいたいのですが

    わかりにくいかとは思いますが、 下のようなフレームを作っています。 ―――――――――――――――――― |           | |           |   ここがない→ |________ |__________ |                          | |                          | |___________________| まず「田」のテーブルを作って、下段を結合して一つにすると、 以上のようになってしまいます。なぜでしょうか? ソースを書いておきますので、直してもらえませんでしょうか。 -------------------------------------------------- <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <P> <TABLE cellSpacing=0 cellPadding=0 bgColor=#000000 border=0> <TBODY> <TR> <TD bgColor=#000000> <TABLE cellSpacing=1 cellPadding=7 border=0> <TBODY> <TR> <TD bgColor=#ffffff colSpan=5> <P>aaaaa</P></TD> <TD bgColor=#ffffff>ここが消える→</TD></TR> <TR> <TD bgColor=#ffffff colSpan=6> <P>aaaaa</P></TD></TR></TBODY></TABLE> </TD></TR></TR></TBODY></TABLE></P> </BODY> </HTML>

    • ベストアンサー
    • HTML
  • FormのSubmitボタン

    こんにちは。 <table align="center"> <form action="getdata.html" method="post"> <tr> <th>Customer Name :</th> <td><input type="text" name="CustNameEdit" value=""></td> </tr> <tr> <td colspan="2" align="center"> <input type="submit" name="SearchButton" value="Search"> <input type="submit" name="SearchButton" value="Show All"> </td> </tr> </form> </table> このようなフォームで、CustNameEditに文字列を入力し、Searchボタンをクリック すると、getdata.htmlでSearchButtonの値は"Search"になっているのですが、 文字列入力後、キーボードのEnterキーを押すと、getdata.htmlへは行くのですが、 SearchButton変数が存在しないと言われてしまいます。 で、この現象ですが、Internet Explorer(試したのはバージョン6.0と7.0)で 発生しますが、Operaで試してみたところ、問題ありません。 何か原因として考えられることはありますでしょうか。

    • ベストアンサー
    • HTML
  • フォームに入力したテキストを別フレームのフォームに反映させるには?

    上と下でフレーム分けしたページで、以下のような構成です。 上段フレームのフォームに入力した内容を、フォームの右側に設置した変更ボタンを押すことで、 下段フレームのプルダウンメニューとテキストフィールドに上記の構成のような感じで反映させたいのです。 社員番号の反映までのスクリプトを書いたところで、わからなくなってしまいました。 名前・部署・営業所・年齢も反映させるにはどうすればいいでしょうか? 画面イメージ----------------------------------------------------------- 社員番号 名前    部署  営業所 年齢 [I00001] [山田太郎] [営業] [東京] [25] 【変更ボタン】 [I00002] [鈴木次郎] [販売] [大阪] [30] 【変更ボタン】 =======================================================================  社員番号   名前      部署    営業所  年齢 《I00001▼》 《山田太郎▼》 《営業▼》 《東京▼》 [25] ------------------------------------------------------------------------ [XXXXX]がテキストフィールド、 《XXXXX▼》がselectのプルダウンメニューでいくつか選べるようになっています。 ★上段(ue_frame.html)★ <html> <head> <title>社員情報</title> <script language="JavaScript"><!-- function sendData(id) { syainbangou_label = id+"_syainbangou"; syainbangou_value = document.getElementsByTagName(syainbangou_label).value; //alert(parent.ue_frame.document.entry.syainbangou.options.length); for(count=0; count<parent.ue_frame.document.entry.syainbangou.options.length;count++){ if(id == parent.ue_frame.document.entry.syainbangou.options[count].value) { parent.ue_frame.document.entry.syainbangou.options[id].selected=true; } } } // --> </script> </head> <body> <form> <table> <tr> <td>社員番号</td><td>名前</td><td>部署</td><td>営業所</td><td>年齢</td><td></td><td></td><td></td> </tr> <tr> <td><input type="text" name="1_syainbangou" value="I00001"></td> <td><input type="text" name="1_syain_namae" value="山田太郎"></td> <td><input type="text" name="1_busyo" value="営業"></td> <td><input type="text" name="1_eigyousyo" value="東京"></td> <td><input type="text" name="1_age" value="25"></td> <td></td> <td><input type="button" value="変更" name="1_update" onClick="sendData(1)"></td> </tr> <tr> <td><input type="text" name="2_syainbangou" value="I00002"></td> <td><input type="text" name="2_syain_namae" value="鈴木次郎"></td> <td><input type="text" name="2_busyo" value="販売"></td> <td><input type="text" name="2_eigyousyo" value="大阪"></td> <td><input type="text" name="2_age" value="30"></td> <td></td> <td><input type="button" value="変更" name="2_update" onClick="sendData(2)"></td> </tr> </table> </body> </html> ★下段(sita_frame.html)★ <html> <head> <title>社員情報登録</title> <script language="JavaScript"><!-- // --></script> </head> <body> <form name="entry"> <table border="0"> <tr> <td>社員番号</td><td>名前</td><td>部署</td><td>営業所</td><td>年齢</td><td></td> </tr> <tr> <td> <select id="syainbangou"> <option>社員番号を選択 <option value=1>1.I00001 <option value=2>2.I00002 </select></td> <td> <select> <option>名前を選択 <option>1.山田太郎 <option>2.鈴木次郎 </select></td> <td> <select> <option>部署を選択 <option>1.営業 <option>2.販売 </select></td> <td><select> <option>営業所を選択 <option>1.東京 <option>2.大阪 </select></td> <td><input type="text" name="age" value="0"></td> </tr> <table> </form> </body> </html>

  • オンマウスで/オンクリックでの、フレーム越えの画像変更

    困っています。 フレームを使ったページで 例えば、左のフレームに写真のサムネイルを表示し、 オンマウス、もしくはオンクリックで、 右のフレームに大きな画像とテキストを表示したいのですが、 フレーム越えができません。 今は、左フレームに <img onmouseover=pho.src="表示画像のアドレス";text.innerHTML="テキストの文" src="サムネイルの画像" width="100" height="75"> 右フレームに <table width="90%"> <tr> <td> <center><img id="pho" src="最初に表示される画像のアドレス"></center> </td> </tr> <tr> <td height="20" bgcolor="dimgray" align="center"style="filter:Alpha(opacity=80,enabled=70)" id="text"><b> 最初に表示される文 </td> </tr> </table> と、HTMLでやってます。 ぜひ、改善策を教えてください。お願いします。

    • ベストアンサー
    • HTML
  • フォームからフレーム内へのデータ受け渡しについて

    いつもお世話になります。 フォームからフレーム内にデータを流してもデータの反映がうまくいきません フォームのソースは下記の通りで、受け側は、3つのフレームで構成されています。 データの送り先は、3つあるフレームのひとつで<FRAME name="bottom" src="URL01.php">になります。 フレームを使わずに、フォームからURL01.phpにデータを送信するときちっと反映されます。 なぜ、フレームを使ったときは、データが反映されないのかがわかりません、ご教示をお願いいたします。 <html> <head> <title></title> <body> </head> <form method="POST" action="URL" target="bottom" name="db_login"> <table border="0"> <tbody> <tr> <td>データベース名</td> <td><input size="20" type="text" style="ime-mode:disabled" name="db_name"></td> </tr> <tr> <td colspan="2" align="center"><br> <input type="submit" value="接続"> </tr> </tbody> </table> </form> </body> </html>

    • 締切済み
    • PHP
  • submit()できない

    ファイルをダウンロードし、DBへ登録するプログラムなのですが、 submit()処理で止まってしまう(?)らしく、次のPHPが呼ばれません。 ファイルサイズが、小さいと問題ないのですが、20MBぐらいのデータに なると、止まってしまいます。 どうすればよいでしょうか? お知恵をお貸しください。 A.php <script language="JavaScript"> <!-- function checkSubmit(pIfrmObj) { document.frmCSV.btnKaisi.disabled = true; return(true); } //--> </script> <省略> <form name="frmCSV" method="post" enctype="multipart/form-data" action="./b.php" onsubmit="return checkSubmit(this);"> <table border="0" cellspacing="0" cellpadding="4" width="600"> <tr> <td align="left"><hr><b> アップロード</b><br><hr></td> </tr> <tr> <td align="left">アップロード(CSV)</td> </tr> <tr> <td align="left"><input type="file" name="csvfile" style="width:100%"></td> </tr> <tr> <td align="right"><input type="submit" style="width:18em;" name="btnKaisi" value="ダウンロード(CSV)"></td> </tr> </table> </form>

    • ベストアンサー
    • PHP
  • INPUT BOX テキスト範囲

    <table> <tr> <td>名前:</td> <td><input type=text name="NAMAE"></td> </tr> <tr> <td>住所:</td> <td><input type=password name="jusho"></td> </tr> </table> 例えば、このようなタグがありまして、 表示すると、名前・・・       住所・・・ とあり、その後の空欄(テキスト)も表示されますが、 範囲も指定できませんか?

    • ベストアンサー
    • HTML
  • フレームの分割について

    このようなレイアウトでフレーム分割したいのですが、どのようなソースにしたら良いのでしょうか?また、様々な環境できちんと表示されるでしょうか? A・C・E・Fには画像を挿入。DはメインのHTMLを表示。BはメニューのHTMLを表示。 <TABLE COL="4" ROW="3" WIDTH="770" BORDER="1" CELLSPACING="0" CELLPADDING="0"> <TR ALIGN="CENTER"> <TD COLSPAN="3" WIDTH="586" HEIGHT="106">A</TD> <TD ROWSPAN="3" WIDTH="184">B</TD> </TR> <TR ALIGN="CENTER"> <TD WIDTH="40" HEIGHT="350">C</TD> <TD WIDTH="506" HEIGHT="350">D</TD> <TD WIDTH="40" HEIGHT="350">E</TD> </TR> <TR ALIGN="CENTER"> <TD COLSPAN="3" WIDTH="586" HEIGHT="106">F</TD> </TR> </TABLE>

  • 文字数によってsubmitできない

    開発中のWebアプリで解決できないバグがあります。初歩的なことなのかもしれませんが、Webで調べても解決に至らず。。アドバイスをお願いします。 【内容】 長い文章を新規登録フォーム中の「登録内容」に記述し、登録ボタンを押しても反応しない。 一度短い文章にして登録後、編集フォームで長い文章を入力し、更新すれば登録できる。 →1984バイトまで登録可能。1984バイトを超えるとsubmitできない。 【ソースコード】 ※インデントはご容赦ください。 ■regist.html (長い内容だとsubmitできない。regist.jspまで行かない。) <html> <head> <link rel="stylesheet" href="../css/common.css" type="text/css"></head> <body><form action="../../regist.jsp"> <table class="table" align=center cellspacing=1 cellpadding=5> <tr> <td class="labelwidth">タイトル</td><td><input type="text" name="KName" size=40 maxlength="40" value=""></td> </tr> <tr><td class="labelwidth" valign=top><font>登録内容</font></td><td><textarea name="KContents" cols=70 rows=7></textarea></td></tr></table> <table class="1buttontable" align=center><tr> <td align="center"><input class="buttonwidth" type="submit" name="regist" value=" 登録 "'></td> </tr> </table> </form> </body></html> ■update_form.jsp (長い内容でもsubmitできる。update.jspまで行ってSQLが発行され、テーブルが更新できる。) <%@ page import="java.sql.ResultSet, java.io.*" contentType="text/html; charset=SJIS" %> <%// 「編集」ボタンを押された情報を取得 String id = request.getParameter("Kid"); 省略 // テーブル用HTMLの作成 String tableHTML ="<table class=\"table\" border=1 bordercolor=\"#000000\" align=center cellspacing=0 cellpadding=7>" +"<tr><td class=\"label\">XXXNo.</td>"+"<td><input type=\"text\" name=\"Kid\" value=\"" + id + "\" readonly=\"readonly\"></td></tr>" +"<tr><td class=\"label\">タイトル</td>"+"<td><input type=\"text\" size=50 name=\"KName\" value=\"" + title + "\"></td></tr>"+"<tr><td class=\"label\">登録内容</td>"+"<td><textarea cols=70 rows=7 name=\"KContents\">" + explains + "</textarea></td></tr>" 省略  %> <!-- HTMLの表示 --> 省略 <html><head><link rel='stylesheet' href='./html/css/common.css' type='text/css'> 省略</head> <body><form method="post" action="update.jsp"><%= tableHTML %> 省略 <td align="center"><input class="buttonwidth2" type="submit" name="update" value=" 更新 "></td> 省略 </html>

    • ベストアンサー
    • HTML

専門家に質問してみよう