Erreur de syntaxe non détectée dans Chrome : Unxpected Token ILLEGAL

Question

Réception de l'erreur de sujet lorsque Chrome tente de charger le fichier script sur la page. Il est dit que c'est à la dernière ligne du fichier javascript. Je n'arrive pas à trouver quoi que ce soit d'anormal. Aucune erreur dans Firefox, et le script fonctionne comme prévu. J'utilise simplement la validation de formulaire

// 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;
}

Answer 1

Il y a une sorte de caractère factice à la fin de cette source. Essayez de supprimer la dernière ligne et de la rajouter.

Je n'arrive pas à comprendre ce qu'il y a exactement, mais...

editar - Je pense que c'est un espace de largeur nulle, Unicode 200B. Cela semble assez bizarre et je ne peux pas être sûr que ce n'est pas un artefact de Stackoverflow, mais lorsque je copie/colle cette dernière fonction, y compris la dernière ligne complète, dans la console Chrome, j'obtiens votre erreur.

Une source notoire de ces personnages est constituée par des sites web tels que jsfiddle . Je ne dis pas qu'il y a quelque chose de mal avec eux - c'est juste un effet secondaire de quelque chose, peut-être l'utilisation de widgets de saisie modifiables par le contenu.

Si vous pensez être atteint de cette maladie, et que vous êtes sous MacOS ou Linux/Unix, l'outil d'aide à la décision de la Commission européenne est le suivant od peut vous montrer (bien que d'une manière assez moche) les valeurs numériques dans les caractères du fichier de code source. Certains IDE et éditeurs peuvent également afficher des caractères "amusants". Notez que ces caractères ne sont pas siempre un problème. Il est parfaitement acceptable (dans la plupart des langages de programmation raisonnables, en tout cas) que des caractères Unicode soient intégrés dans des constantes de chaîne, par exemple. Les problèmes commencent à se poser lorsque l'analyseur syntaxique du langage rencontre les caractères alors qu'il ne les attend pas.

Answer 2

J'obtiens la même erreur dans Chrome après avoir collé le code copié depuis jsfiddle.

Si vous sélectionnez tout le code d'un panneau dans jsfiddle et le collez dans l'éditeur de texte gratuit Notepad++, vous devriez pouvoir voir le caractère problématique sous la forme d'un point d'interrogation " ?" à la toute fin de votre code. Supprimez ce point d'interrogation, puis copiez et collez le code depuis Notepad++ et le problème disparaîtra.

Answer 3

J'ai eu la même erreur lorsque la chaîne multiligne incluait une nouvelle ligne ( \n ). La fusion de toutes les lignes en une seule (ce qui supprime tous les caractères des nouvelles lignes) et l'envoi à un navigateur permettaient de résoudre le problème. Mais c'était très peu pratique à coder.

Souvent, je n'arrivais pas à comprendre pourquoi c'était un problème dans Chrome jusqu'à ce que je tombe sur une déclaration disant que la version actuelle du moteur JavaScript dans Chrome ne supporte pas les chaînes de caractères multilignes qui sont enveloppées dans des guillemets simples et ont une nouvelle ligne ( \n ) dans celles-ci. Pour que cela fonctionne, les chaînes multilignes doivent être placées entre guillemets. En modifiant mon code comme suit, j'ai résolu ce problème.

Je vais essayer de trouver une référence à une norme ou à un document de Chrome qui le prouve. En attendant, essayez cette solution et voyez si elle fonctionne pour vous aussi.

Answer 4

J'ai eu la même erreur dans Chrome. La console Chrome m'a indiqué que l'erreur se trouvait dans la 1ère ligne du fichier HTML.

C'était en fait dans le fichier .js. Donc faites attention à setValidNou(1060, $(this).val(), 0') les types d'erreurs.