フォームで送信ボタンを押した際に、Javascriptに入力した値が渡せない

前へ 次へ
このQ&Aのポイント
  • フォームで送信ボタンを押しても、Javascriptに入力した値が渡せない状況に困っています。
  • 現在は、Javascriptのファイルをhead内に指定しており、フォームのsubmitボタンをクリックした際にcheckform関数が実行されるようにしています。
  • しかし、実際にボタンを押しても何も変化せず、どうすればいいかわかりません。どなたかアドバイスをいただけないでしょうか。
回答を見る
  • ベストアンサー

フォームで送信ボタンを押した際に、Javascriptに入力した値が渡

フォームで送信ボタンを押した際に、Javascriptに入力した値が渡せない タイトルそのままです。 ボタンを押したらJavascriptでフォームの値をとりたいのです 今は、 最初に取り込ませたいJavasprictをhead内に指定しておき、 <script language="JavaScript" src="/js/mc.js" type="text/javascript"></script> 本文中のformタグではは下文のようにしてあります。 <form id="form" name="ffform" action="#" method="post"> 送信用のボタンは画像で書き換えていて、ボタンを押すと、Javascriptの方で関数checkformを動かすようにしたいのです <input type="image" src="./img/submit.png" alt="送信" onclick="checkform()"> 実際に押してみても、ただ何も変化がなく、どうすればいいか困っています。どなたか教えてください actionのところにJavascriptを指定したら、Jsそのものを開いてしまいますし、cgiを置こうにも、今あるcgiは　Javasprictからさらに値を渡す為にあるcgiだけなのです・・・・・・

  • HTML
  • 回答数2
  • ありがとう数13

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

  • ベストアンサー
  • notnot
  • ベストアンサー率47% (4843/10252)
回答No.2

とりあえず、/js/mc.js の内容を、alert("OK"); の1行だけにして、 画像をクリックしてOKが表示されれば、HTMLは大丈夫と言うことです。 mc.js があなたの希望通り動いてないだけ。

marariya
質問者

お礼

jsの問題でした、申し訳ありませんでした、

その他の回答 (1)

  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.1

「実際に押してみても、ただ何も変化がなく」 ＝＝＞エラーメッセージがどこかにでてませんか？ checkformが見つからない云々のメッセージがあれば、javascriptが 読み込まれて無いって事。 ※javascriptの仕様は当然許可してますよね（デフォルトのはず） そもそもブラウザーは何ですか？ 自分でデバッグ困難なら、ソースコードをさらさないと、答えようが無いと 思います。

marariya
質問者

お礼

いろいろ足りずに申し訳ありませんでした。 一度質問を閉めさせていただきます、申し訳ありません

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • javascriptからCGIへの値渡し

    cookieは利用しない方向で考えています。 HTML上のdocument.form01.のsubmitが押下されたら一度手入力されたデータ(userinput)を加工し、 別のフォームform02.valueに格納してtest.cgiにPOSTで投げる動作を期待しています。 下記だとページ遷移無しで一時的な格納まで確認しましたが CGIへの送信が機能していないようです。 どの様にすべきでしょうか？ [html] <script type="text/javascript"> <!-- function onSubmit() { document.form02.sendform.value = '\"' + document.form01.userinput.value + '\"'; document.form02.submit(); } --> </script> <body> <form name="form02" method="POST" action="test.cgi"> <input type="hidden" name="sendform" value=""> </form> <form method="POST" action="" name="form01"> <input type="text" name="userinput"> <input type="submit" value"送信" onclick="return onSubmit();"> </form> </body> </html>

  • JavaScriptの値を、cgiに渡す方法を教えてください。

    JavaScriptの値を、cgiに渡す方法を教えてください。 jsファイルの変数に、テキストボックスの入力値が入っています。 それを、cgiに渡して、その変数の値を、ファイルに 書込みたいと考えています。 ＿＿test.html_________ <head><script src="keep.js"></script></head> <form name="f1" action="keep.js"> <input type="text" name="a_text"> <input type="button" value="クリック" onclick="keep()"> </form> _________________________ ___keep.js_______________ function keep() { var a_text = document.f1.a_text.value; ■この変数「a_text」をcgiファイルに渡したいです。 } __________________________ ＿＿●.cgi_______________ ■なんだかの方法で、上記keep.jsの変数、a_textを取得して、 この●.cgiでファイルをopenして、a_textの値を 書込みたいです。 ＿＿＿＿＿＿＿＿＿＿＿＿＿＿ よろしく、お願いします。

  • Javascriptで二重送信を防止したいが、画像ボタンだとうまくいかない。

    Javascriptでフォームの二重送信防止を行いたいのですが、 送信ボタンが画像だとうまく動作しないようです。 下記のサイトを参考に作ってみたのですが、アラートすらもでないようです。 http://www.futomi.com/lecture/javacss/double_block.html 何かよい策がありましたら教えてください。お願いします。 ＜＜ソース＞＞ <script language="javascript"> <!-- // function submitForm() { document.formname.button.disabled = true; submitForm = disableButton; document.formname.submit(); return false; } function disableButton() { alert('処理中です。しばらくお待ち下さい。'); return false; } // --> </script> ～以下省略～ <form method="POST" form name="formname" action="test.cgi"> ----送信ボタンのコード----- <input type="image" src="images/acc_send.gif" name="send" onclick="submitForm()"> </form>

  • Javascript post 自動送信

    恐れいります。 Javascriptで、開いた際に任意のデータを送信する方法がわかりません。 <script type="text/javascript" src=".xxx.js"></script>としてperl内HTML上にjsを読み込み、既にperlで取得した$hensu1、$hensu2を、xxx.jsからyyy.cgiに送信したいのですが、うまくいきません。 御教授頂けたらと思います。 よろしくお願いします。

  • ラジオボタンでフォームの送信先を切り替える

    <script type="text/javascript"> <!-- function setDisabledTextbox(F,N1,N2,N3) { if(N1 == "OrderPayment0") { F[N2].disabled = true; F[N3].disabled = false; } else { F[N2].disabled = false; F[N3].disabled = true; } } //--> </script> //フォームの１の記述 <form method="post" action="送信先１"> //ラジオボタン１の記述 <input type="radio" name="payment1" value="値１" onclick="setDisabledTextbox(this.form,this.id,'tbox0','tbox1')" <?php if($payment_name == "値１") echo "checked"; ?> id="OrderPayment0" /> <label for="OrderPayment0">値１</label><br /> //ラジオボタン２の記述 <input type="radio" name="payment2" value="値２" onclick="setDisabledTextbox(this.form,this.id,'tbox0','tbox1')" <?php if($payment_name == "値２") echo "checked"; ?> id="OrderPayment1" /> <label for="OrderPayment1">値２</label><br /> 送信１の入力フォームの記述 <input type="submit" name="tbox0" value="送信１" disabled /> </form> //フォームの２の記述 <form method="post" action="送信先２"> 送信２の入力フォームの記述 <input type="submit" name="tbox1" value="送信２" disabled /> </form> 上記の記述で、最初、送信ボタン１及び送信ボタン２をdisabled状態にしておいて、ラジオボタンの１が押されたら送信ボタンの１を活性化、ラジオボタンの２を押したら送信ボタンの２を活性化するというように切り替えたいのですが、今のところ送信ボタンの１の切り替えはうまくいっているのですが、送信ボタンの２の方がdisabledされたままにまります。フォームの有効範囲の問題かな？と思って、ラジオボタンの２の記述をフォームの２の記述の方に移してみたりしたのですが、結果は同じようです。 両方とも切り替えるようにするには、どのように記述すればよいのでしょうか？ 御教示願えればと思います。

  • フォームの送信ボタンが押されたときの処理について

    (1).phpファイルにおいて、下記のようなフォームを作成したときに、 JavaScriptの、onSubmitイベントで、PHPの$pushsubumit 変数に 1を代入したいのですが、echo()した結果、代入されていません。 やはり、JavaScriptの文のなかでPHPスクリプトは通用しないのでしょうか？ どのようにすれば、送信ボタンを押したという、PHPの$pushsubmitフラグを 1にできるのでしょうか。 (2)ちなみに、JavaScriptのテキストでは、return 1; という表現を用いていますが、 この戻り値はどこでどうやって受けるのでしょうか。 (3)例えば、onSubmit="var pushsubmit; pushsubmit=1;"などと書いたとして、 このpushsubmit=1をPHPスクリプト側でどうやって受ければいいのかがわかりません。 どうぞよろしくお願いします。 --------------------------------------------------------------------------- (1)<form name="form1" method="post" action="bbs.php" onSubmit="showdlgbox(); <?php $pushsubmit=1 ?>"> <?php ～ ?> (2)<form name="form1" method="post" action="bbs.php" onSubmit="showdlgbox(); return 1;">

    • ベストアンサー
    • PHP
  • selectでのフォーム送信

    下記の質問で別の解決手順を思いついたのですが技術力が不足しているのでどなたか助けてください。 フォームのselectが変更されたときに、そのフォームの内容をcgiファイルに送信するようなスクリプトがどこかにありませんか。具体的には、 <form name="form1" method="get" action="・・・.cgi"> <input type="text"　name="text" size=20> <select name="sele" onChange()> <option・・・ <option・・・ </select> </form> といったフォームで、onChange()のなかでform1をsubmitしたのと同じ結果になるようにJavaScriptを書き込みたいのです。 どうかよろしくお願いします。

  • JavaScript＋PHPでのボタンの値について

    お世話になります。現在下記のようなコードです。 ＃Html側 <script language="JavaScript"><!-- function send1() { document.Form1.submit(); } function send2() { document.Form2.submit(); } // --></script> <form name="Form1" action="tesuto1.php" > 中略 </form> <form name="Form2" action="tesuto2.php" > 中略 </form> <form> <input type="button" name="botan" value="送信" onClick="send1()"> </form> <form> <input type="button" name="botan" value="取消" onClick="send2()"> </form> <form> <input type="button" name="botan" value="確認" onClick="send1()"> </form> #PHP側 tesuto1.php echo "値は".@$_POST["botan"]."です"; という感じで、どのボタンがクリックされたか判別するために、 ボタンの値を取得したいのですが。 よろしくお願いします。

  • 送信フォームからｊｓｐページに値を飛ばしたい

    jspページでhtml,javaScriptを用いてフォームの入力制限を行い、FMenu.jspという、jspページにフォームの値を送信したいのですが、うまくいきません。どなたか教えてください。 Form.jspファイル（中略） <%@ page language="java" contentType="text/html; charset=windows-31j" pageEncoding="windows-31j"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head><title>フォーム入力画面</title></head> <body><center> <script type="text/javascript"> <!-- function checkForm(){ var a,b; NCheck(); if(a==true){ WCount(); } ACheck(); if(b==true){ WCount(); document.FM[0].submit(); document.FM[1].submit(); } } （中略） //--></script> <form action="Menu.jsp" method="POST" name="FM"> ID<input type="text" name="ID" size="20" maxlength="4"><br> パスワード<input type="text" name="PASS" size="20" maxlength="4"> <input type="button" value="OK" onClick="return checkForm();"> （中略）

  • ＪＡＶＡＳＣＲＩＰＴで送信フォームを作っています

    ＪＡＶＡＳＣＲＩＰＴで送信フォームを作っています。 ラジオボタンだけが値をだしてくれません。 なにか方法はあるのでしょうか。 アンケートにつかいます。 各項目を答えるごとに裏でテキスト化されて最終的に一括送信できるようにします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する