JavaScript初心者のyuki_xです。よろしくお願いします☆
以下のコードで、
<チェック>を押下したときの動作が上手くいきません。
どうしてなのか、さっぱりわからないので教えてください!!
私の予定では、
1)<チェック>押下
2)nextPage() が呼ばれる
3)nextPage() で onSubmit イベントが発生
4)onSubmit に記述されている check() が呼ばれる
となるはずなのですが、onSubmit イベントが発生していないようなのです。
alert() をいれて確認したところ、nextPage() が呼ばれたあと、
FORM の action に書かれている next.html へ移ってしまいます。
check() は呼ばれません。
どこが間違っているでしょうか?
<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!--
function nextPage() {
document.myform.type.value = n;
document.myform.submit();
}
function check() {
//入力チェック
}
//-->
</SCRIPT>
<FORM action="next.html" method="post" name="myform" onSubmit="return check()">
<INPUT type="hidden" name="type" value="">
<INPUT type="button" value="チェック" onClick="nextPage();">
</FORM>
(IE を使っています。)
No.1ベストアンサー
- 回答日時:
ソースから言うと、next.htmlを開きたいように見えるんですが、何をやりたいのでしょうか?
Submitするということは、next.htmlにformの内容を送信するということなので、新しく開いたnext.htmlにtypeの値が入ります。function check()以下は、開いたページに記述しましょう。
もし、データのチェックをしたあとでnext.htmlにデータを送りたいのであれば、
function nextPage()
{
document.myform.type.value = n;
入力チェック部分の記述
document.myform.submit();
}
で良いのではないですか?
もし、データのチェックをしたあとでnext.htmlにデータを送りたいのであれば、
function nextPage()
{
document.myform.type.value = n;
入力チェック部分の記述
document.myform.submit();
}
で良いのではないですか?
↑↑↑↑
おぉ!!!そうですね。(嬉
入力チェックしてから、次のページを開きたかったのです。
今、目からウロコ 落ちました。
ありがとうございました☆
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS 私の能力からして間違っていないような気がします。 4 2022/09/30 13:24
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
return trueとreturn falseの用...
-
正規表現で複数マッチ条件で悩...
-
フォームの入力チェックをする...
-
コピペを禁止するtextarea
-
slickのレスポンシブ > center...
-
onSubmit=の後ろは複数可能でし...
-
未入力のラジオボタンに、alert...
-
ドラッグ&ドロップ禁止について
-
一度しか押せないボタンについて
-
ラジオボタンのNullチェック
-
Selectボックスの幅を自動で広...
-
javascript作成してます。ラジ...
-
Pythonで会員サイトの自動ログ...
-
現在時刻を取得してフォームのs...
-
特定<table>内の<td>の色を変える
-
hiddenのvalueの値を変えたい
-
ラジオボタンにタブインデック...
-
javascriptで入力禁止文字をチ...
-
jspでのArrayListの値の表示
-
【UWSC】HTML内のある部分を抽...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
return trueとreturn falseの用...
-
正規表現で複数マッチ条件で悩...
-
JavaScriptde途中で、「exit」...
-
slickのレスポンシブ > center...
-
COBOLの数字チェック
-
チェックボックスの有無判定
-
フォームの入力チェックをする...
-
Visual Studioのデザインでの非...
-
Tabキーでのカーソルの移動...
-
ツリービューのチェックボック...
-
ドロップダウンリストボックス...
-
コピペを禁止するtextarea
-
ラジオボタンのNullチェック
-
未入力のラジオボタンに、alert...
-
form の onSubmit がコールされ...
-
分岐数といえば
-
JSのみで入力→確認→メールで送...
-
テキストボックスに数字しか入...
-
JavaScript ログアウト処理
-
リロードしないようにするには
おすすめ情報