- ベストアンサー
jsでシンタックスエラーが出てしまいます
- jQueryのvalidate.jsを使用している際に、text-1でシンタックスエラーが発生します。エラーメッセージには「missing after property id」と表示されます。
- エラーの原因は、text-1という値がシンタックスエラーを引き起こしていることです。シンタックスエラーは、ハイフンと数字の組み合わせが原因となって発生します。
- 解決策としては、text-1の代わりに別の識別子を使用することです。ハイフンと数字の組み合わせではなく、シンタックスエラーにならない識別子を選ぶようにしましょう。
- catapalto
- お礼率49% (29/59)
- JavaScript
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- jquery.validate.jsについて
jqueryで入力チェックを行うプログラムを実装したく、「jquery.validate.js」を利用したいと思っているのですが、inputのnameが配列の場合、うまく動作しません。 ご存知の方、いらっしゃいましたら、ご教授いただけると幸いです。 以下に動作しないコードを貼り付けます。 尚、下記コードで「[]」を取り除いて実行すると正常に動作するため、nameに配列を指定するのが問題であると考えています。 どなたか、よろしくお願いいたします。 <form method="post" id="check_form1"> 名前 <input name="name[]" type="text" id="name"> メール <input name="mail[]" type="text" id="mail"> <input type="submit" name="Submit" value="Submit"/> </form> <!-- 入力チェック --> <script type="text/javascript" src="js/jquery.validate.js"></script> <script type="text/javascript"> $(function(){ $("#check_form1").validate({ rules: { name[] :{ required: true }, mail[] :{ required: true, email: true } }, messages: { name[] :{ required: "お名前を入力してください" }, mail[] :{ required: "メールアドレスを入力してください", email: "正しいメールアドレスを入力してください" } } }); }) </script>
- ベストアンサー
- JavaScript
- jquery.validate.jsについて
jquery.validate.jsを使用し、エラー付きのフォームを作りました。 チェックボックスのみ、エラーを出すことができません。 jquery.validate.jsはその機能はありませんよね？？ これに追加するか、他の方法をとりたいのですが、どうすればよろしいでしょうか？
- ベストアンサー
- JavaScript
- JQUERYをはじめて導入したのですが、
JQUERYをはじめて導入したのですが、 読込み部分の記述が間違っているのか 「$(document).ready(function(){」のところで一箇所エラーとなります。 「オブジェクトでサポートされてないプロパティまたはメソッドです」となります。 設定内容の、現状は下記です。 「validate」設定を実現したいためにjqueryを導入。 ・JQUERYは現在の最新版のものを入手。 ・読み込んだファイルは全く編集などはしてないもの。 ・パスなどの記述は間違っていないようです。確実にファイルは存在しております。 ・一応パーミッションも確認済みです。 ・id"form-host"もformタグに設定しております。 <script type="text/javascript" src="/common/js/jquery.js"></script> <script type="text/javascript" src="/common/js/jquery.validate.pack.js"></script> <script type="text/javascript" src="/common/js/jquery.validate.js"></script> <script type="text/javascript" src="/common/js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="/common/js/jquery.validate.min.js"></script> <script type="text/javascript" src="/common/js/additional-methods.js"></script> <script type="text/javascript" src="/common/js/messages_ja.js"></script> <script type="text/javascript"> //入力チェック関数に対象フォームIDを指定 $(document).ready(function(){ $("#form-host").validate(); }); </script> jsファイルの読込みの順序が違うのでしょうか、 不必要なjsファイルを読み込んでしまっている？為なのか； validate関連を導入した事があるからいらっしゃれば、 ご教授願います。
- ベストアンサー
- JavaScript
- jqueryにて
こちらではお初にお世話になります。 よろしくおねがいします！ さて、jqueryを用いてScrollFollowを実装中なのですが、 正常に動作させることが出来ません。 ソースは <script type="text/javascript" src="./jslib/ui.core.js"></script> <script type="text/javascript" src="./jslib/jquery-1.2.6.js"></script> <script type="text/javascript" src="./jslib/jquery.scrollfollow.js"></script> <script type="text/javascript" src="./jslib/jquery.easing.1.3.js"></script> <script type="text/javascript" src="./jslib/jquery.cookie.js"></script> <script type="text/javascript"> $( document ).ready( function (){ $('test').scrollFollow({ }); }); </script> をヘッド部分に、 <div id="test"> コンテンツ </div> をBODYに記述しています。 動作せずにFirefoxのエラーコンソールで確認したところ エラー: jQuery is not defined ソースファイル: （省略）update/jslib/ui.core.js 行: 238 エラー: $("test").scrollFollow is not a function ソースファイル: http://contest2009.thinkquest.jp/tqj2009/110392/update/ 行: 13 と表示されました。jsファイルの生存は確認できており、 その系統のミスではないと思うのですが。。。 どなたかアドバイスをお願いします！
- ベストアンサー
- JavaScript
- シンタックスエラーについて
Google アナリティクスのトラッキング コードを外部Javascriptファイルから読み込むと、 「google.jpの4行目にシンタックスエラーがあります。このエラーを修正しないと、 コードヒントが機能しない可能性があります。」とDreamweaverに表示されました。 【google.jpのファイル内容↓】 // JavaScript Document <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-44218976-1', 'thai-kosiki.net'); ga('send', 'pageview'); </script> 4行目、 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ の部分に赤いマークが入っているのですが、どこをどのように修正すれば良いのか分かりません。 分かる方、もしかしたらと思うことがあれば教えていただければ幸いです。よろしくお願い致します。
- ベストアンサー
- JavaScript
- jQuery.lightpop.jsの動作について
jQuery.js : Ver1.3.1 jQuery.light.js Ver0.7.5 使用ブラウザ:FireFox3.0.8(Firebugインストール済み) Google Chrome2.0.169.1 お世話になります。 現在弊社ではjQuery.lightpop.jsライブラリを使用して リンク先(以下例では「hogehogeName」のリンク先「hogehoge.html」)をポップアップ表示させようとしています。 以下(1)のように「静的」にテーブルタグを記述するとうまくいきますが (2)のように「動的」だとポップアップされず 普通にページ遷移してしまいます。原因はどこにあるのでしょうか？？ ちなみにFireBugで動作確認を行いましたが、エラーはなかったです。 (1)タグ内にテーブルを直接記入 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightpop.js"></script> <script type="text/javascript"> $(function() { $('a[rel*=lightbox]').lightpop({overlayBgColor:'#FFF', contentFrameType:'box'}); $('a.lightpop').lightpop(); $('a[href$=.jpg], a[href$=.gif], a[href$=.png]').lightpop(); $('a[href*=.youtube.com/watch]').lightpop(); }); </script> </head> <body bgcolor="lemonchiffon"> <h4>ポップアップテスト<h4> <div id="view"> <table class="table1" id="table1" border="1" bgcolor="white"><tbody> <td class="col2"><a rel="lightbox" href="hogehoge.html">hogehogeName</a></td> </tr></tbody></table> </div> </body> </html> (2)divタグ内に「動的」にテーブルを記入する方法 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.lightpop.js"></script> <script type="text/javascript"> $(function() { $('a[rel*=lightbox]').lightpop({overlayBgColor:'#FFF', contentFrameType:'box'}); $('a.lightpop').lightpop(); $('a[href$=.jpg], a[href$=.gif], a[href$=.png]').lightpop(); $('a[href*=.youtube.com/watch]').lightpop(); &(view).innerHTML = '<table class="table1" id="table1" border="1" bgcolor="white"><tbody>' + '<td class="col2"><a rel="lightbox" href="hogehoge.html">hogehogeName</a></td>' + '</tr></tbody></table>'; }); </script> </head> <body bgcolor="lemonchiffon"> <h4>ポップアップテスト<h4> <div id="view"></div> </body> </html>
- ベストアンサー
- JavaScript
- jsファイルの記述順について
レスポンシブデザインでホームページを制作しています。 解決できない問題に直面してしまいました。 どなたか詳しい方がいらっしゃいましたらアドバイスをお願い致します。 同一ページ内に qTip … ttp://craigsworks.com/projects/qtip/demos/content/loading と Naver … ttp://formstone.it/components/Naver/demo/index.html を使用したいと考えています。 しかし、色々と試してはいるのですが片方しか作動しません。 どちらも単体ではきちんと作動していますので、記述の順序の問題なのでしょうか。 該当部分は以下の通りです。 <head> <link type="text/css" rel="stylesheet" href="css/jquery.fs.naver.css" /> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> <script type="text/javascript" src="js/scrolltopcontrol.js"></script> <script type="text/javascript" src="js/smart-crossfade.js"></script> <script type="text/javascript" src="js/jquery.smoothScroll.js"></script> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <!-- qTip --> <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript"> // Create the tooltips only on document load $(document).ready(function() { // Use the each() method to gain access to each elements attributes $('.col-lg-12 a[rel]').each(function() { $(this).qtip( { content: { // Set the text to an image HTML string with the correct src URL to the loading image you want to use text: '<img class="throbber" src="http://craigsworks.com/projects/qtip/images/throbber.gif" alt="Loading..." />', url: $(this).attr('rel'), // Use the rel attribute of each element for the url to load title: { text: 'WORKS' + $(this).text(), // Give the tooltip a title using each elements text button: '×' // Show a close link in the title } }, position: { corner: { target: 'bottomMiddle', // Position the tooltip above the link tooltip: 'topMiddle' }, adjust: { screen: true // Keep the tooltip on-screen at all times } }, show: { when: 'click', solo: true // Only show one tooltip at a time }, hide: 'unfocus', style: { tip: true, // Apply a speech bubble tip to the tooltip at the designated tooltip corner border: { width: 0, radius: 4 }, name: 'light', // Use the default light style width: 280 // Set the tooltip width } }) }); }); </script> <!-- Naver --> <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> <script type="text/javascript" src="js/jquery.fs.naver.js"></script> <script type="text/javascript"> $(function(){ $("nav").naver({ animated: true, labelClosed: "", labelOpen: "" }); }); </script> </head> <body>直前に … <script type="text/javascript" src="js/jquery.qtip-1.0.0-rc3.js"></script> </body> 力不足で本当にお恥ずかしいのですが、よろしくお願い致します。
- ベストアンサー
- JavaScript
- datepickerで日付の値を取得したい
jQueryのdatepickerを実装しました。 そこに、jquery.validate.jsを当てて、空欄の時にエラーが出るようにしました。 しかし、日付を選択しても、エラーメッセージが出てしまいます。 （※日付をカレンダーで選択後、再び日付の欄をクリックするとエラーが消えます。） どうやら、日付の値を取得していないような気がしています。 どなたかご存じの方がいらっしゃいましたら、教えていただけると幸いです。 <script type="text/javascript"> $(function(){ $("#datepicker").datepicker() }); </script> <script> jQuery(".validDate").validate({ expression: "if(VAL != '') return true; else return false;", message: "希望日をお選びください。" }); </script> <input type="text" name="reservationdate" class="rDate validDate" id="datepicker"/>
- ベストアンサー
- JavaScript
- JavaScriptのエラー で困っています
JavaScriptのエラー SyntaxError: missing ] after element list PDFをWEBで閲覧→ダウンロードしても閲覧不可 の設定をするために、 PDF上で下記のJavaScriptを書きこみました。 元ネタは http://kaathemachine.com/javascript/2010/02/19/pdf%E3%82%92%E4%BF%9... こちらからいただいて、 途中の手順までは終了したのですが、 下記JavaScriptをページのプロパティのアクションから入れようとすると、 SyntaxError: missing ] after element list のエラーが出て保存ができません。 var arr = ["Text1","Text2","Text3","Text4","Text5","Text6","Text7","Text8","Text9","Text10","Text11","Text12","Text13,"Text14","Text15","Text16","Text17","Text18","Text19","Text20","Text21","Text22","Text23","Text24","Text25","Text26","Text27"]; if(this.URL.indexOf("掲載したいPDFのURL")==0){ for(var i=0;i<arr.length;i++) { this.getField(arr[i]).hidden = true; } エラーとしてハイライトされるのは if(this.URL.indexOf("掲載したいPDFのURL")==0){ } else{ app.alert("保存しての閲覧は許可されていません。") } の部分です。 "掲載したいPDFのURL"の部分にはもちろん http://で始まり.pdfで終わるURLを入力しています。 JavaScriptは初心者で、 なぜこのようなエラーが出るのか、 どう対処すればいいのかが全く分かりません。 お分かりになる方いらしたら、ご教授ください。
- ベストアンサー
- JavaScript
- jQuery.jsを使ったhtml外部読み込み
教えてください。 現在Jqueryを使用して外部htmlを読み込ませようとしていますが、 うまくいきません・・・ ■本体html <head> <script src="js/jquery-1.8.3.min.js"></script> </head> <body> <script type="text/javascript" src="sample.js"></scrip> <div id="sample"></div> </body> ■sample.js // JavaScript Document $(function(){ $("#sample").load("sample.html"); }); ■読み込ませるsample.html 特に設定なし このような感じですが、全然読み込めません。。。 javascriptを外部リンクにしているのは、読み込むhtmlが複数ある為、 headの見栄えが悪くなるからという個人的な意見です・・・ 済みませんがお知恵をお貸しください！！
- 締切済み
- JavaScript
お礼
すいません、、、、 'text-1'で大丈夫でした、、