• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:javascriptのSubmit時のエラー)

javascriptのSubmit時のエラー

このQ&Aのポイント
  • 業務でWebアプリの開発を行っている際に、Submit時にエラーが発生します。
  • エラーメッセージは「オブジェクトでサポートされていないプロパティまたはメソッドです。」です。
  • このエラーの原因として、別の.jsファイルのインクルードによるものが考えられます。

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

  • ベストアンサー
  • tracer
  • ベストアンサー率41% (255/621)
回答No.2

グローバル変数名とHTML内のID名がバッティングしても、その表示になるらしいよ。 なのでちゃんとvar宣言して局所化すればいいかも。 もちろん、jsファイル内の話ね。 <p id="hoge">test</p> var hoge;//これがないとエラーになる hoge = 1;

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • Ogre7077
  • ベストアンサー率65% (170/258)
回答No.1

1. 別の.jsファイルが、必要とする.jsファイルがない 例: <!-- <script src="別のjsファイルが必要とするファイル.js"></script> --> <script src="別のjsファイル.js"></script> 2. 別の.jsファイルが、IE8で使えない 例: よく使われる addEventListener は IE9 からの実装されたので IE8 だとエラー発生 https://developer.mozilla.org/ja/docs/Web/API/EventTarget.addEventListener#Browser_compatibility 3. 別の.jsファイルが、必要とするオブジェクトを渡していない 例: function 関数名(){ 別のjsファイルの関数({ /*重要な情報:123,*/ 重要でない情報:456}) }

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • javascript内からのsubmit

    PHP初心者です。 javascript内でsubmitを行い、値をPHP内で受け取る想定ですが、うまく作動しません。 具体的には下記のソースで、// Aの処理に入ってきて欲しいのですが、//B に入ってきます。 初歩的なことのなのかもしれませんが、どこが間違っているのか分からずはまっています。 ご教授ください。 ソースは以下です。 ■JavaScriptとForm(admLogin.html) <script type="text/javascript" src="js/jquery-1.9.0.min.js"></script> <script type="text/javascript"> function fncLogin(){ $("#frmAdmLogin").submit(); } </script> <body> <form id="frmAdmLogin" action="admLogin.php" method="post"> <input type="text" id="txtAdmId" /> <input type="text" id="txtAdmPass" /> <input type="button" name="btnLogin" value="ログイン" onclick="fncLogin()"/> </form> </body> ■PHP(admLogin.php) <?php if(isset($_POST['btnLogin'])) { // A }else{ // B } ?> ログインボタン押下 ↓ fncLogin内からフォームをsubmit ↓ // A の処理に入ってくる想定なのですが、//B の処理が実行される。 ちなみに、ボタンのinput typeをsubmitにすれば//A の処理に入ってくるのですが、 javascript内からsubmitしたいため、困っています。 どこを間違えているのでしょうか。。

    • 締切済み
    • PHP
  • JavaScriptでsubmitされない

    おはようございます。早速ですが、JavaScript中で、 document.formName.action = "サーブレット名"; document.formName.submit(); としてサーブレットにJSPの値を送信したいのですが、 JavaScriptの中でエラーが出てしまい送信できません。 調べた結果どうやらdocument.formName.submit();の所でエラーが出ます。原因として考えられるものは何でしょうか?よろしくお願い致します。

  • IEでのフォームメールで、ENTERキーでのsubmitを動かさないようにしたいのですが。。

    IEでフォームメールを使用したときにENTERキーを押下するとsubmitが動いてしまうのですが、その動きを止める為に 1.送信ボタンは   <input type="button" name="submit" value=" 送信する " onClick="subm()"> で関数subm()で function subm() { document.form1.submit(); } という動きと 2.送信ボタンに<input type="button" name="submit" value=" 送信する " onClick="javascript:document.form1.submit()"> という動きの2つを試してみたのですが、どちらもエラーになってしまいました。 原因がわからないので調べているところですが、もしどなたか他の方法をご存知でしたら、教えていただけませんでしょうか?

  • JavaScriptのエラー ( 関数の未定義)

    htmlであるボタンを押すと、そこで実行するはずの関数が未定義になる、 という不具合が出ていたのですが、 JavaScript(<script>)の記述場所を変更する事により、対処することができました。 でもまだ、理解ができずにいます。 たとえば <head> <script ・・・・外部jsファイル> </head> <body> <input type="text" name="hizuke" ・・・> <input type="button" name="newdisp" value="表示" onclick="hyouji();">  ・  ・ <input type="hidden" name="syori" value="">  ・  ・  ・ </body>  ・  ・ ※外部jsファイルでhyouji()関数記述 のようなhtmlで、今回「表示」ボタンをクリックするとエラーになり、 エラーの詳細を見ると    hyouji()が未定義です となり、 JavaScriptの関数がまだ読み込まれていないから 記述を後に移動したほうがいいというアドバイスを受け、 このhtmlを <head> </head> <body> <input type="text" name="HIZUKE" ・・・> <input type="button" name="newdisp" value="表示" onclick="hyouji();">  ・  ・  ・ <input type="hidden" name="syori" value="">  ・ <script ・・・・外部jsファイル> </body>  ・  ・ のように変更して、エラーをなくすことができました。 外部jsファイルのhyouji()関数の処理は 「syori」のhiddenに「hyouji」というような処理識別をセットし、 submitしています。 hyouji()関数の前にもたくさんの関数が定義されていて その中には    var aaa = document.form1.xxxx.value; などの記述もたくさんあります。 <script>の記述場所を移動したことで    htmlを読み込んで、    「表示」ボタンを表示し、    jsファイルを読み込む・・・ という処理順序になると思うのですが 表示ボタンをクリックしたときには、 jsファイルの読込みは終了しているのでしょうか??? ボタンをクリックした時にはjsの読込みを終了していないといけないと 思うのですが、なぜjsの記述を<inputボタン>の記述より後のほうに移動させて、 未定義関数が解決されるのかがわかりません。 エラーの内容が   オブジェクトが見つかりません などだと、hidden項目が後に記述されているからか・・・と理解できるのですが。 うまく伝わるか不安ですが、 ボタンクリックの前にはJavaScriptの関数が読込みが 終了していなければならないのはわかるのですが、 なぜ、ボタンの表示より、後に記述することで解決できるのか 解説していただけると助かります。 よろしくお願いします。

  • Firefox:JavaScriptのsubmit

    JavaScriptで、以下のようにsubmitしていますが、 IEではOKで、Firefoxでは「送信開始」ボタンで反応がありません。 Firefoxではどのように書けばよいのでしょうか? 以下は、テストのため省略できるギリギリまで省略していますので、意味のないスクリプトになってますが、実際にはJavaScriptで空白個所のチェックのロジックを入れています。 <html> <head> <script language="JavaScript"> <!-- function check1(){ document.FORM1.submit(); } ---> </script> </head> <form action='http://hogehoge.jp' method='post' name="FORM1"> <input type='button' value='送信開始' onClick="check1()"> </form> </body> </html>

  • 【JavaScript】iFrame内submit

    JavaScriptで、iFrame内のFormをsubmitする方法を教えてください。 条件: iFrameに読み込むページは千差万別で、FormにIDもNameも設定されていない状況(ただし、必ずFromは1つ)で、そのiFrame内のフォームをsubmitする方法。 Form名がわからないですから、getElementsByTagName("form")[0]で呼び出すしかなさそうなんですが、 (iFrameの名前を"ifl"とします)iFrameの外に置いた空アンカーで <a href="#" onclick="parent.ifl.getElementsByTagName(\"form\")[0].submit()">iFrame内をsubmit</a> としても <a href="#" onclick="document.ifl.getElementsByTagName(\"form\")[0].submit()">iFrame内をsubmit</a> としてもうまく動きません(;´Д`) どういうエラーが出てるのか知りたかったので、onclick内部を外出しして、try-catchでくくり function pushSubmit() { try { eval("parent.ifl.getElementsByTagName(\"form\")[0].submit()"); } catch(e) { alert(e); } } としてから、pushSubmit()を空アンカーで実行すると、エラーは「Error: Permission denied for <file://> to get property Window.getElementsByTagName」と返ってきます。 もう、どうにも突き当たってしまいました・・・ どなたか光明を差して下さい・・・orz

  • javascriptのエラーについて

    お世話になります。 JavaScriptのエラーについて質問があります。 JavaScriptを実行すると、 下記のエラーが表示されてしまい、 NN4.7において実行できません。 check is not defined. JavaScriptの呼び出し処理は下記のとおりとしています。 <a href="#" onClick='check();return false'> <SCRIPT language="Javascript"> <!-- function check() { if( shoricheck() == "err"){ // エラーの場合 return; } document.form.submit(); } --> おそらくメソッドが認識できていないのだと思いますが、 再読み込みを行った場合は、 処理できます。 初期表示時のみです。 タグなどのチェックは行っているため 特に問題ないかと思いますが、 原因はやはりタグの入れ間違いなどでしょうか。 本当に申し訳ございませんが 宜しくお願いいたします。

  • JavaScriptのsubmit()がされない

    お世話になります。 現在JAVAで開発を行っています。 原因不明の問題が出たので質問させていただきます。 アップロードを子画面に任せたのもを実装しました。 処理の流れは、 1 親ページから子ページを開く。 2 子ページで画像を選びアップする。 3 画像確認画面が開く。 4 期待する画像の場合は、OKボタンを押す。 5 子画面は閉まる。 4の時に正しくsubmitできていない可能性があります。 確認画面の処理 function hogehoge() { window.opener.form.gazou.src = "hogehoge/test.jpg" //1 window.opener.form.gazou.width = "100"; //2 window.opener.form.gazou.height = "100" //3 document.form.flag.value = "true"; //4 window.document.form.submit(); //5 window.close(); //6 } <input type=button name=button1 value=" OK " onClick="hogehoge();"> 1.2.3.6は実際に画面で挙動が確認できるため問題ないと思います。 4.5に関してはJAVAの方のログで確認できる場合と確認できない場合があります。 submitされているならログにはかれているはずなのですが、 はかれていない場合があり、このとき何らかの理由でsubmitが行われていないのではないかと考えています。 IEのバグでwindow.close時にセッションが切れるというバグがあるのを確認致しましたが この可能性があるかもしれません。 どなたか解る方ご教授お願い致します。

    • ベストアンサー
    • Java
  • Submitで新しいウィンドゥが開いてしまう

    Submitで新しいウィンドゥが開いてしまう お世話になっております。 現在、C#,JavaScript,Oracle(10g)で画面作成をしております。 作成しておりますのは 親画面から呼ばれる子画面(親からサイズ指定されて開かれる)で、 親画面のレコード表示順列を並び替える機能を持たせています。 その子画面に配置した「保存」ボタンのonclickイベントを JavaScript(外部.jsファイルを呼ぶ)で作成しています。 (function Save();) Saveの内容はhtml内で持つ各変数をサーバーに送るのに適した形状への 並び替え等で、最後にSubmit(); をしています。 ※ (parent.[form id].document.[form id].submit();) 現在、Submit後現在開かれている子画面とは別に、 新しいウィンドゥが開かれてしまいます。 htmlのFORMのパラメータに「TARGET="_blank"」が入ってはいないのでJS側、 ※印部分の記述を変えればよいのだろうと推測しているのですが、 どうすればよいのでしょうか? JavaScript Submit 開かない(or開く)などのキーワードで検索を していますがなかなか解決できていない状況です。宜しくお願いします。

  • JavaScriptがFirefoxで動かない・・・

    よろしくお願いいたします。 IEでは正常に動作するのですが、Firefoxで実行してみると ボタンを押しても何の反応もありません。 どのように変更すればFirefoxで動作するのでしょうか? よろしくお願いいたします。 <SCRIPT LANGUAGE="JavaScript"> <!-- function warning(){ alert("テストです。"); } //--> </SCRIPT> <FORM><INPUT type="button" value="ボタンを押して。" onClick="warning()"></FORM> 上記のコードを外部に独立させて・・・ 【コード】 <script type="text/javascript" src="sample3.js"></script> <input type = "button" name = "button3" value = "sample3" onclick = "Func3();"> 【sample3.js】 function Func3() { alert("js外部ファイル記述"); } です。 FC2ブログで活用したいのですが・・・ 改行の扱いは「HTMLタグのみ」に設定しています。 ご回答、よろしくお願いいたします。