インプットタグのテキストボックスに入力したデータを
保存する方法がわかりません。
保存することは出来るのでしょうか?
よろしく御願いします

このQ&Aに関連する最新のQ&A

A 回答 (4件)

どこに保存したいのですか?


サーバですか?
サーバに保存するなら、サーバにそれを受け取ってディスクに保存するためのソフトウェアが必要です。
つまり、CGIです。

このページの入力や一般的な掲示板の仕掛けです。

この回答への補足

ご回答ありがとうございます。

保存したい場所はWebサーバです。

データの保存をしたいのですが、具体的にこうのようようにしたいと
いう訳ではなく、漠然とデータを保存したいと考えていますが、
どういう選択肢があるのでしょうか。

例えば、保存したデータを再び取り出せるようにエクステンシブル・マークアップ言語などを使って保存しておくこともかのうなのでしょうか?

補足日時:2002/03/01 14:00
    • good
    • 0

補足に対しての回答です。



サーバに保管するなら、先ほど書きましたように、サーバにその処理をするためのソフトウェアが必要です。
HTMLとか、そういうレベルではなく、perlやphp言語で書かれたCGIプログラムが必要です。
フリーソフトを探すか、自分で作るかですね。
私は自分でperlで色々作っています。
掲示板、簡易メモ帳、電話帳、日記、リンク集、資料庫、会議室予約・・・

目的を定かにして探せばたくさん類似のものがありますよ。
↓「CGI」と目的の機能でAND検索してください。

参考URL:http://www.vector.co.jp/vpack/filearea/win/index …

この回答への補足

DOMコンポーネントを使ってデータの保存はできますか?

補足日時:2002/03/05 14:13
    • good
    • 0

>例えば、保存したデータを再び取り出せるように


>エクステンシブル・マークアップ言語などを使って
>保存しておくこともかのうなのでしょうか?

できます。サーバ側プログラムで入力した文字を受け取り
XML形式で保存すればいいんじゃないですか?

XMLで保存したデータをIEなどのブラウザで見たいなら、
CSS等のレイアウトを記述したファイルが別途必要ですが。

その前に、そのようにしたい目的があるほうが答えがはっきりえられますよ。
    • good
    • 0

cookieを使えばできます。



参考URL:http://chibita.virtualave.net/java/JavaScript/co …
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qプルダウン Or コンボボックスを選択したら、テキストボックスを入力不可にさせる方法 

フォーム制御として、JavaScriptを使用して、プルダウンよりある項目が選択されたと同時に、あるテキストボックスの入力を不可、またはmaxlengthを0にしたいのですが、思うように出来ません。
maxlengthをvalue等に変更させたら値は変更されたので、
関数としての動きは問題なさそうです。

どなたか、ご教授お願いいたします。

※現在下記のソースは、list番号を指定していません。

<script language="JavaScript">
<!--
function MM_jumpMenu(){
parent.document.form1.text1.maxlength=0;

}
//-->
</script>

<form name="form1" method="post" action="">
<select name="menu1" onChange="MM_jumpMenu()">
<option selected>unnamed1</option>
<option>unnamed2</option>
</select>
<input type="text" name="text1" maxlength="10">
</form>

フォーム制御として、JavaScriptを使用して、プルダウンよりある項目が選択されたと同時に、あるテキストボックスの入力を不可、またはmaxlengthを0にしたいのですが、思うように出来ません。
maxlengthをvalue等に変更させたら値は変更されたので、
関数としての動きは問題なさそうです。

どなたか、ご教授お願いいたします。

※現在下記のソースは、list番号を指定していません。

<script language="JavaScript">
<!--
function MM_jumpMenu(){
parent.document.form1.text1.maxlength=0;

}
/...続きを読む

Aベストアンサー

> parent.document.form1.text1.maxlength=0;

form1 は、親にあるのは間違っていないのですね。

で、入力負荷にするのなら disabled プロパティをいじりましょう。

parent.document.form1.text1.disabled = true;

Qjquery datatablesを使用 インプットタグに数値入力して行の合計金額を出したい

jqueryをあまり理解せずに使用している素人の投稿ですみませんがご教授いただけましたら幸いです。

現在、下記のようにdatatablesを利用して納品書のようなものを作成したいと思っています。

<table id="master_store_index_list_table" class="table table-striped">
<thead>
<tr class="alert-info">
<th>商品名</th>
<th>単価</th>
<th>入数</th>
<th>計</th>
</tr>
</thead>
<tbody>
<tr>
<td>サッカーボール</td>
<td>2,500円</td>
<td><input></td>
<td></td>
</tr>
<tr>
<td>テニスボール</td>
<td>2,000円</td>
<td><input></td>
<td></td>
</tr>
<tr>
<td>バレーボール</td>
<td>1,900円</td>
<td><input></td>
<td></td>
</tr>
<tr>
<td>ドッジボール</td>
<td>1,500円</td>
<td><input></td>
<td></td>
</tr>
</tbody>
</table>

jquery datatablesでいろいろ調べた結果、
footerCallbackのように列の合計を表示するような
サンプルはいくつか見つかったのですが行の合計を出すやり方が見つかりません。

jquery datatablesで詳しいかた、大変恐縮ですがscriptを教えてください。


希望
①inputの部分に個数を入力して、単価×個数の計を表示したい
②個数を入力していない箇所はエラーが出ないようにしたい
③合計数字はカンマ入りで表示したい
④全ての合計は下部に小計、消費税、合計と表示したい
※datatablesでfooterCallbackを記載したが合計しか出ない

お忙しい中、大変恐縮ですが何卒宜しく御願い致します。

jqueryをあまり理解せずに使用している素人の投稿ですみませんがご教授いただけましたら幸いです。

現在、下記のようにdatatablesを利用して納品書のようなものを作成したいと思っています。

<table id="master_store_index_list_table" class="table table-striped">
<thead>
<tr class="alert-info">
<th>商品名</th>
<th>単価</th>
<th>入数</th>
<th>計</th>
</tr>
</thea...続きを読む

Aベストアンサー

この際だからdatatablesは無視して進めます

<script>
$(function(){
$('#master_store_index_list_table input').change(function(){calc();})
$('input[value="再計算"]').click(function(){calc();})
});
function addFigure(str) {
var num = new String(str).replace(/,/g, "");
while(num != (num = num.replace(/^(-?[0-9]+)([0-9]{3})/, "$1,$2")));
return num;
}
function calc() {
var shokei=0;
$('#master_store_index_list_table tbody td:nth-child(3) input').each(function(){
var tanka=$(this).parent().prev().text().replace(/[,円]/g,'');
var irisu=$(this).val();
var kingaku=" ";
if(irisu.match(/^[0-9]*$/)){
kingaku=tanka*irisu;
shokei+=kingaku;
kingaku=kingaku?addFigure(kingaku):" ";
}
$(this).parent().next().text(kingaku);
});
$('#shokei').text(shokei?addFigure(shokei):" ");
$('#zei').text(shokei?addFigure(parseInt(shokei*0.08)):" ");
$('#gokei').text(shokei?addFigure(parseInt(shokei*1.08)):" ");

}
</script>
<table id="master_store_index_list_table" class="table table-striped" border>
<thead>
<tr class="alert-info">
<th>商品名</th>
<th>単価</th>
<th>入数</th>
<th>計</th>
</tr>
</thead>
<tbody>
<tr>
<td>サッカーボール</td>
<td>2,500円</td>
<td><input></td>
<td></td>
</tr>
<tr>
<td>テニスボール</td>
<td>2,000円</td>
<td><input></td>
<td></td>
</tr>
<tr>
<td>バレーボール</td>
<td>1,900円</td>
<td><input></td>
<td></td>
</tr>
<tr>
<td>ドッジボール</td>
<td>1,500円</td>
<td><input></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td>小計:</td>
<td id="shokei"></td>
</tr>
<tr>
<td></td>
<td></td>
<td>消費税:</td>
<td id="zei"></td>
</tr>
<tr>
<td></td>
<td></td>
<td>合計:</td>
<td id="gokei"></td>
</tr>
</tbody>
</table>
<input type="button" value="再計算">

この際だからdatatablesは無視して進めます

<script>
$(function(){
$('#master_store_index_list_table input').change(function(){calc();})
$('input[value="再計算"]').click(function(){calc();})
});
function addFigure(str) {
var num = new String(str).replace(/,/g, "");
while(num != (num = num.replace(/^(-?[0-9]+)([0-9]{3})/, "$1,$2")));
return num;
}
function calc() {
var shokei=0;
$('#master_store_index_list_table tbody td:nth-child(3) input').each(function(){
var tanka...続きを読む

Qテキストボックス入力を半角英数字に制限する

よろしくお願いします。

テキストボックスに入力される文字を、
半角英数字(英語の場合は大文字のみ)以外入力できないように制限したいのですが可能でしょうか?

もしくは半角英数字以外が入力された場合アラートを出すようにしたいのですが。。。

また、文字数の制限も可能でしょうか?

第一希望)
12文字以内の半角英数大文字以外入力できないように入力制限する。

第二希望)
12文字以内の半角英数大文字以外入力の文字が入力されている状況でボタン(=CGI実行)を押すと警告のアラートが出る。

第三希望)
半角英数大文字以外入力できないように制限、もしくはアラート表示。

例)
AAAA-1234567 ○(ハイフンを含め12文字以内の半角英数字)
AAAA-123456789 ×(12文字以内でない)
aaaa-1234567 ×(小文字が含まれている)


webサーバー・・・HP-UX
web・・・IE6
開発端末・・・windows2000(Tera Term 使用)

情報をお持ちの方いらっしゃいましたら、
よろしくお願いいたします。

よろしくお願いします。

テキストボックスに入力される文字を、
半角英数字(英語の場合は大文字のみ)以外入力できないように制限したいのですが可能でしょうか?

もしくは半角英数字以外が入力された場合アラートを出すようにしたいのですが。。。

また、文字数の制限も可能でしょうか?

第一希望)
12文字以内の半角英数大文字以外入力できないように入力制限する。

第二希望)
12文字以内の半角英数大文字以外入力の文字が入力されている状況でボタン(=CGI実行)を押すと警告のアラートが...続きを読む

Aベストアンサー

第二希望の条件について。
前提としてチェックするテキストボックスのnameがtxtであった場合の説明をします。
まず、次のようにform開始タグにname="fm"とonsubmit="return checkForm()"を追加します。

<form name="fm" action="********.cgi" method="post" onsubmit="return checkForm()">


次に以下を<head>~</head>に貼り付けることで、JavaScriptによる送信前のチェックが可能です。

---------------------------------------
<script type="text/javascript">
<!--
function checkForm(){
var str = document.fm.txt.value;
if (str.match(/[^A-Z\d\-]/)) {
alert("半角英数字(大文字)しか入力できません");
return false;
}
else if (str.length > 12) {
alert("12文字以内で入力してください");
return false;
}
}
//-->
</script>
---------------------------------------

「ハイフンを含め」と書いているので、ハイフンを入れても有効なようにしました。
また、12文字以内としか書かれていないので0文字でも警告が出ないようになっています。
もし、何も入力されていない場合でも警告を出すならば、次のようにしてください。

---------------------------------------
if (!str) {
alert("何も入力されていません");
return false;
}
else if (str.match(/[^A-Z\d\-]/)) {
alert("半角英数字(大文字)しか入力できません");
return false;
}
else if (str.length > 12) {
alert("12文字以内で入力してください");
return false;
}
---------------------------------------

第二希望の条件について。
前提としてチェックするテキストボックスのnameがtxtであった場合の説明をします。
まず、次のようにform開始タグにname="fm"とonsubmit="return checkForm()"を追加します。

<form name="fm" action="********.cgi" method="post" onsubmit="return checkForm()">


次に以下を<head>~</head>に貼り付けることで、JavaScriptによる送信前のチェックが可能です。

---------------------------------------
<script type="text/javascript">
<!--
function checkForm(){
...続きを読む

Q入力したテキストボックスのデータを別Webページに渡したい

テキストボックスを持つ2つのWebページ(A.html,B.htmlとします)があります。
A.html内にB.htmlを開くJavaScript
(window.open("B.html");)を記述しています。

このスクリプトを実行したらB.htmlを新しいウィンドウで開きますが、
このBページ内のテキストボックスに文字データを入力して、
OKを押したら、A.htmlのテキストボックスにデータを表示させたいのです。
こういうことはJavaScriptだけでできないのですか?
cgi+JavaScriptを使わないとできないのでしょうか?

フレーム間の場合はできそうですが、ウィンドウ間と言うのは出きるのか
不明です。
ご存知の方、よろしくお願いします。

Aベストアンサー

説明のために、
A.html、B.htmlのフォーム、テキストボックスをそれぞれform_a、form_b、txtbox_a、txtbox_b
としますね。

B.html内で、テキストボックスの文字データは
document.form_b.txtbox_b.value
と表せます。同様に、A.html内で、テキストボックスの文字データは
document.form_a.txtbox_a.value
と表せます。
ここで、B.htmlはA.htmlから開いた子ウィンドウですので、B.htmlから見てA.htmlは「このウィンドウを開いたウィンドウ」と表すことができるため、
window.opener
でアクセスできます。
つまり、B.htmlで、JavaScriptで
window.opener.document.form_a.txtbox_a.value = document.form_b.txtbox_b.value ;
と表記すれば実現できるかと思います。

Qテキストボックスに数字しか入力できないようにするには?

タイトルの通りなのですが、あるテキストボックスに数字しか入力できないようにしたいのですが可能でしょうか?また、

「あいうえお 12345 「」:・、¥・」

というような文字列をコピーし、そのテキストボックスにペーストした際にも数字の12345だけが残るといった事も実現したいのですが…

どなたかご存知の方いらっしゃいましたら教えて頂けると幸いです。

Aベストアンサー

>英数字

では、こんな感じで

<input type="text" onKeyup="this.value=this.value.replace(/[^0-9a-z]+/i,'')">


人気Q&Aランキング

おすすめ情報