No.2ベストアンサー
- 回答日時:
送信ボタンのイベントは、送信ボタンが画像だったり、その上マウスオーバーで画像チェンジとかやってたり、またはフォーム内容のチェックなどやってる場合、それぞれで動きが変わってきます。
やりたいことの詳細がわかりませんが、とりあえず
○送信ボタンは、普通のボタン
○入力項目のチェックをしてから送信したい(例では半角カンマチェック)
くらいのことであれば、下記の記述でなんとかなると思います。
<script language="JavaScript">
function ErrChk(){
if (DataCheck(document.formname.onamae.value) == false){
alert("お名前に半角カンマ「,」は入力できません。");
document.formname.onamae.focus();
return false;
}
return true;
}
function DataCheck(InputValue){
var i,ch;
for (i=0; i < InputValue.length; i++){
ch = InputValue.substring(i,i+1);
if (ch != "," ) {
continue;
} else {
return false;
}
}
return true;
}
function Jikkou(){
if (ErrChk()){
if (confirm("まちがいない?")){
document.formname.submit();
}
}
}
</script>
<form action="./xxxx.cgi" method="post" name="formname">
お名前:<input name="onamae" size="15" maxlength="20" type="text" value="">
<input name="SOUSIN" onclick="Jikkou()" type="button" value="送信">
</form>
回答ありがとうございました。
「切り貼りコピー」の修業中のため、100%わかったとは言えないのですが、とりあえず使える状態にはなりました。活用させていただきます。
No.1
- 回答日時:
alert はメッセージの確認しか出来ませんので、confirm を使ってください。
但し、ボタンの文字列はブラウザ(OS)に依存します( IE では「OK」「キャンセル」)。
OK側のボタンが押されれば true(真)、キャンセル側のボタンが押されれば false(偽)が返却されます。
そして、送信をキャンセルするには return false で onClick などのイベントを
キャンセルします。
function send_check()
{
bConfirm = confirm( "まちがいない?" ) ;
return bConfirm ;
}
<INPUT type="submit" onClick="if ( !send_check() ) return false" value="送信">
この回答への補足
ご回答ありがとうございました。
もしよければ助言いただけないでしょうか。
このままシンプルなページへの組み込みではできたのですが、他のコードなども書いてあるページに組み込んだらうまくalertが出てくれません。
#関数名は重複していません。
#formの名称が form name="main" となっているのが関連?
#他の関数で form name="main" ・・・ onSubmit="return submitCheck()"
と使っているのが原因?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP php 入力画面から確認表示画面へ情報の受け渡しについて。 1 2023/06/07 18:00
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- その他(データベース) Q&Aフォームを作成したいのですが、どう設計してよいか分かりません、アドバイスお願い致します。 1 2023/07/27 19:04
- WordPress(ワードプレス) Contact Form7?でお問い合わせを送信できません 2 2023/02/02 13:24
- Android(アンドロイド) スマホ chromeの戻るボタンが機能しにくい スマホ(OPPO reno5A、Android12) 1 2022/09/11 20:39
- Chrome(クローム) スマホのChromeはなぜ、進むボタンが無いのですか? 3 2023/02/07 23:36
- その他(IT・Webサービス) Googleの「私はロボットではありません」について質問をさせて下さい。このセキュリティがYouTu 4 2022/11/01 18:03
- LINE ①LINEの「トーク」のすべての方が表示されている画面背景を変えることはできますか? ②LINEの「 1 2022/06/30 17:54
- Google Drive GoogleDriveの表示方法について 1 2023/04/06 14:59
- Facebook Facebook メッセンジャーでチャットを送り続ける人 1 2023/04/02 09:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
VBSでブラウザ上のテキストボッ...
-
onClick="this.form.submit
-
フォーム内で記入したクエリ送...
-
インラインフレームにボタンク...
-
ボタンを押すとチェックボック...
-
画像の回転(ボタンで制御)
-
onclickで2個指定するには?
-
jsで質問です。 ボタンが二つ存...
-
shiftキーを押しながらコマンド...
-
JavaScriptにおいてPOSTで送信...
-
confirm()で表示したダイアログ...
-
Javascriptで二重送信を防止し...
-
confirmのOK・キャンセルを押し...
-
return trueとreturn falseの用...
-
プルダウン 項目が多いので先頭...
-
テキストボックス入力を半角英...
-
【jQuery】input nameの文字列...
-
二つの入力欄に、同時に同じ文...
-
onchangeイベントを強制的に発...
-
<input>の選択肢をプルダウンメ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタン2回押しを無効にしたい
-
VBSでブラウザ上のテキストボッ...
-
submitするとなぜか2度実行する
-
フォーム内で記入したクエリ送...
-
ボタンを押すとチェックボック...
-
disabled プロパティが表示され...
-
confirmのOK・キャンセルを押し...
-
onClick="this.form.submit
-
onclickで2個指定するには?
-
onclickをEnterキーでも行いたい
-
confirm()で表示したダイアログ...
-
印刷プレビュー後のウィンドウ...
-
送信フォームで送信ボタンをお...
-
HTAで、こんなボタンが作りたい。
-
確認ダイアログの出し方(JavaS...
-
shiftキーを押しながらコマンド...
-
jsで質問です。 ボタンが二つ存...
-
formで複数のボタンからひとつ...
-
メッセージボックスで「はい」...
-
JavaScriptにおいてPOSTで送信...
おすすめ情報