フォームの中に名前を書くテキスト欄があり、
送信ボタンを押すとダイアログにテキスト欄で記入した名前と
送信しますというメッセージが立ち上がり、
ダイアログ内のOKを押すと指定のCGIに飛ぶようにしたいのです。

ダイアログメッセージ↓
「○○様、フォーム内容を送信しても宜しいですか?」

直ぐに回答がほしいなどと勝手な事を申しましてすみませんが、お力を是非お貸しください。
よろしくお願いします。今現在もPCとにらめっこして格闘中なのです、泣。

お願いします。

A 回答 (2件)

「送信ボタン」がtype="submit"なのかtype="button"なのかで処理が多少異なります。


どちらにせよやることは#1でBlackwinglsさんの書かれた通りなのですが。

<form name="form1">
<input name="user" value="名前入れるところ">
ってな感じだとします。

1.type="submit"の場合、
function onsubmitHandler(formName, inputName) {
var form = document.forms[formName];
var username = form[inputName].value;
return confirm(username+"様 以下略");
}
とします。その上で<FORM>タグの属性として(ボタンの、ではないのでお間違えなきよう)
onsubmit="return onsubmitHandler('form1', 'user')"
と指定します。

2.type="button"の場合(および画像でsubmit等の変則なことをする場合)
function confirmSubmit(formName, inputName) {
var form = document.forms[formName];
var username = form[inputName].value;
if (confirm(username+"様 以下略")) {
form.submit();
}
}
とします。その上で<INPUT>タグの属性として
onclick="confirmSubmit('form1', 'user')"
を指定します。
    • good
    • 0
この回答へのお礼

ソースまで書いていただいてありがとうございました。
言葉で言い表せないくらい役に立ちました。

本当にありがとうございます。

お礼日時:2002/04/08 14:39

こんばんわぁ、Blackwinglsです。



ソースを拝見しないと・・・・なんとも言えないのですが、テキストのvalueを取得して、confirmすれば良いのではないですか?

急ぎというこのなので、とりあえず思い付いた点を・・・・書いてみました(^^;)

今は私も時間がないので、あまりお役に立てなくてすみませんm(__)m

では(^_^)/~
    • good
    • 0
この回答へのお礼

ありがとうございます。
ダイアログはconfirmで出力するのですね、勉強になります。

お礼日時:2002/04/08 14:38

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

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

Qボタンを押したときに上からダイアログ画面が落下してくる方法

次のサイトでprofileタブをクリックしたときに
画面が落下してくる効果のやり方を教えてほしいです。
よろしくお願いします。
http://www.junglejava.jp/

Aベストアンサー

visibility:hiddenにしてあるボックス(=div)をjavascriptで移動させているみたいですね。

ご提示のページのdropinbox.jsがその処理をするもののようです。
これの配布元はどうやら↓らしいです。
http://www.dynamicdrive.com/dynamicindex17/dropinbox.htm

QjQueryで特定のチェックボックスをチェックした状態で送信しようとするとダイアログを表示する方法

以下のようなフォームがあり削除のチェックボックスをチェックした状態でsubmitを押すと、
本当に送信してよいかどうかを確認するダイアログをjQueryを使い表示させたいと思っています。

<form method="post" action="control" enctype="multipart/form-data" name="edit" />
<div id="delete-field">
削除<input type="checkbox" name="delete" value="on">
</div>

<div id="submit-field">
<input type="submit" class="btn_submit" onClick="return FormChck()" />
</div>
</form>

送信ボタンを押した時にダイアログを表示させる方法、
特定のチェックボックスをチェックした時にアラートを表示させる方法は
それぞれ検索するとでてくるのですが、
2つを合わせたような特定のチェックボックスをチェックした状態で送信ボタンを押した時にダイアログを表示されるものが見つからず困っています。

実行したいことは「削除」チェックボックスをチェックした状態で送信ボタンを押すと
「本当に削除していいですか?」とダイアログを表示させ、
「OK」をクリックするとそのまま送信、
キャンセルをクリックすると送信せずにその画面にとどまるという処理をしたいと思っています。
削除チェックボックスをチェックしていない場合にはダイアログは表示させないようにしたいです。

お分かりの方がいましたらば、教えて頂けると助かります。
宜しくお願い致します。

以下のようなフォームがあり削除のチェックボックスをチェックした状態でsubmitを押すと、
本当に送信してよいかどうかを確認するダイアログをjQueryを使い表示させたいと思っています。

<form method="post" action="control" enctype="multipart/form-data" name="edit" />
<div id="delete-field">
削除<input type="checkbox" name="delete" value="on">
</div>

<div id="submit-field">
<input type="submit" class="btn_submit" onClick="return FormChck()" />
</div>
</form>

送信ボタン...続きを読む

Aベストアンサー

ざっくりこんな感じです

<script>
$(function(){
$('.btn_submit').on('click',function(e){
if($(this).parents('form').find('[name=delete]:checked').length>0){
var flg=!confirm('本当に削除していいですか?');
if(flg) e.preventDefault();
}
});
});
</script>
<form method="post">
<input type="checkbox" name="delete" value="1">削除
<input type="submit" class="btn_submit" value="送信">
</form>
<form method="post">
<input type="checkbox" name="delete" value="1">削除
<input type="submit" class="btn_submit" value="送信">
</form>

deleteチェックボックスをどうやって拾うかによりますね
一応複数formがあった場合を想定してみました

ざっくりこんな感じです

<script>
$(function(){
$('.btn_submit').on('click',function(e){
if($(this).parents('form').find('[name=delete]:checked').length>0){
var flg=!confirm('本当に削除していいですか?');
if(flg) e.preventDefault();
}
});
});
</script>
<form method="post">
<input type="checkbox" name="delete" value="1">削除
<input type="submit" class="btn_submit" value="送信">
</form>
<form method="post">
<input type="checkbox" name="delete" value="1...続きを読む

QCGIフォーム一定時間過ぎると送信ボタンを押さなくてもsubmitする

CGIフォームで20秒、一定時間過ぎると送信ボタンを押さなくても自動的にsubmitする様にしたいのですが、多分JavaScriptで出来るのではないかと思うのですが、コード例など教えていただけませんでしょうか?

Aベストアンサー

setTimeoutすると読み込まれてからnミリ秒後に実行します
20秒であれば第二パラメータで20000です。
formをサブミットするのはformsの番号もしくは名前で
指定して、submit()するだけです。
はっしょって書くと以下のとおり。

<script langugage="javascript">
setTimeout('document.forms[0].submit()',20000)
</script>

Q入力フォームで、全角カタカナ(正規表示)以外を入力し送信ボタンを押すとアラートを出すjavascriptが知りたいのですが

htmlで、フォームの項目の中にフリガナを入力してもらう際、全角カタカナ(ア~ン、ァ~ヶ、ゞ等を含む正規表示で)以外の入力を行って送信ボタンを押すと、「フリガナを全角カタカナで正しくご入力下さい」というアラートをjavascriptで出したいのですが、どう判定させたらよいものか、さっぱりわからなくて書き込みさせて頂いています。どなたかご存じの方がいらっしゃったら教えて頂けないでしょうか?
どうか、宜しくお願い致します。

Aベストアンサー

参考URLは半角カタカナですが
ひらがなも指定すればご質問のようなことが可能です。

参考URL:http://www.openspc2.org/reibun/javascript/business/001/index.html

Qテキスト入力欄に数字を3桁入れたときに他の入力欄にフォーカスさせる

テキスト入力欄に数字を3桁入れたときに他の入力欄にフォーカスさせる(例:郵便番号を上3桁入れたら下4桁の入力欄にフォーカスさせる)にはどうしたらよいのでしょうか?

lenghtを使えば桁数の参照はできると思うのですが、一定期間ごとに参照し続けるわけにもいかないし、参照すればいいのかわかりません。

Aベストアンサー

おつかれさまだです、

onkeypressメソッドなんてどうでしょうか?

キーが押されるたびに呼ばれるのでその中で
テキストのレングスを見て3だったらフォーカスを
移すみたいな。。。

参考URL:http://www.openspc2.org/JavaScript/


人気Q&Aランキング

おすすめ情報