[解決済み] Chrome Uncaught Syntax Error: 予期しないトークン ILLEGAL [重複]。
質問
Chromeがページのスクリプトファイルを読み込もうとすると、件名のエラーが表示されます。javascriptファイルの最終行にあると書いてあります。どこが悪いのかがわからないようです。firefoxではエラーはなく、スクリプトは期待通りに動作しています。ただ、フォームバリデーションを使用している
// JavaScript Document
$(function() {
$('#wm-form').submit(function() {
var errors = false;
var errorMsg = "";
$('.required').each(function() {
if(!validField($(this))) {
errorMsg += $(this).attr('name').capitalize() + " cannot be blank\n";
errors = true;
}
});
var emailAddress = $('#email');
if(isValid(emailAddress) && !(/^(([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+([;.](([a-zA-Z0-9_\-\.]+)@([a-zA-Z0-9_\-\.]+)\.([a-zA-Z]{2,5}){1,25})+)*$/.test(emailAddress.val()))) {
errorMsg += "Not a valid email address. Please enter in a correctly formatted email address";
errors = true;
}
if(errors) {
alert(errorMsg);
return false;
}
});
$('.form-focus').click(function() {
$(document).scrollTop(0);
$('#first_name').focus();
return false;
});
});
function validField(element) {
if(!isValid(element.val()) || (element.attr('placeholder') && element.attr('placeholder') == element.val()) ||
(element.attr('type') == 'radio' && !checkedRadio(element))) {
return false;
}
else {
return true;
}
}
function isValid(ele) {
if(ele == null || ele == '') {
return false;
}
else {
return true;
}
}
String.prototype.capitalize = function() {
return this.charAt(0).toUpperCase() + this.slice(1);
};
function checkedRadio (element) {
var valid = false;
$('input[name="'+ element.attr("name") +'"]:checked').each(function() {
valid = true;
});
return valid;
}
どのように解決するのですか?
そのソースの最後には、何らかのインチキ文字があります。 最後の行を削除して、また追加してみてください。
何があるのか、まだ正確に把握できていないのですが.
編集 - ゼロ幅のスペース、ユニコード200Bだと思います。 かなり奇妙に思えるし、Stackoverflow のアーティファクトでないことはもちろん確認できませんが、最後の行を完全に含むその最後の関数を Chrome コンソールにコピー/ペーストすると、あなたのエラーが表示されます。
このような文字の悪名高いソースは、次のような Web サイトです。 jsfiddle . コンテンツ編集可能な入力ウィジェットの使用など、何かの副次的な効果に過ぎません。
この病気にかかったと思われる場合、MacOS または Linux/Unix を使用している場合は
od
コマンド ライン ツールを使用すると、ソース コード ファイルの文字に含まれる数値を (かなり醜い方法ではありますが) 表示することができます。IDEやエディタによっては、"funny"文字も表示することができます。ただし、そのような文字は
常に
問題であることに注意してください。例えば、文字列定数の中に Unicode 文字が埋め込まれていても、(ほとんどの妥当なプログラミング言語では)まったく問題ありません。問題は、言語パーサーが予期しない文字に遭遇したときに発生し始めます。
関連
-
vueはopenlayersを使用してスカイマップとガオードマップをロードする
-
[解決済み】TypeError: Router.use() はミドルウェアの関数を要求しているが、Object を取得した。
-
[解決済み】ERROR エラーです。スイッチのname属性が指定されていないフォームコントロールの値アクセッサがない
-
[解決済み】「Uncaught TypeError: Chromeで "Illegal invocation "が発生する。
-
[解決済み】"Unexpected token ILLEGAL "の原因が見えない
-
[解決済み] Chromeのsendrequestエラーです。TypeError: 循環構造をJSONに変換中
-
[解決済み] Node.js - SyntaxError: 予期しないトークンのインポート
-
[解決済み】「Uncaught SyntaxError」が何度も出てきます。予期しないトークン o" が表示される
-
[解決済み】Uncaught SyntaxError: JSON.parse で予期しないトークンが発生した。
-
[解決済み】Uncaught SyntaxError: 予期しないトークン :
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
JavaScriptの関数この指摘の問題を説明
-
fetch ネットワークリクエストラッパーの説明例
-
Vueの要素ツリーコントロールに破線を追加する説明
-
jQueryのコピーオブジェクトの説明
-
vueはopenlayersを使用してスカイマップとガオードマップをロードする
-
Vueの「データを聴く」原則を解説
-
[解決済み] テスト
-
[解決済み】"Unexpected token ILLEGAL "の原因が見えない
-
nodejs unhandledPromiseRejectionWarning メッセージ
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された