Vérification des coordonnées

Question

J'ai un champ de texte pour les coordonnées et je souhaite le valider à l'aide de vee-validate (3.x) et Vue 2. J'ai essayé deux méthodes différentes sans succès. Le format des coordonnées doit être "entier ou flottant, entier ou flottant", c'est-à-dire "latitude, longitude" (une seule virgule, plusieurs virgules doivent être marquées comme invalides).

Voici le champ de texte :

            

≪/pré>
Voici deux choses que j'ai essayées sans succès : 
extend("coordonnées_validation", {
  valider : (valeur) =>
    coordonnées const = value.split(",");

    if (coordonnées.longueur !== 2) {
      renvoie faux ;
    }

    const trimmedCoordonnées = coordonnées.map((coord) => coord.trim());

    const isValidCoordonnée = (coord) =>
      return !Number.isNaN(parseFloat(coord)) &&
    } ;

    retour (
      trimmedCoordonnées.every(isValidCoordonnée) &&
      !trimmedCoordonnées.some((coord) => coord === "")
    );
  },
  message : i18n.tc("validations.coordonnées_incorrect_format"),
});
≪/pré>
extend('coordonnées_validation', {
  valider : (valeur) =>
    const regex = /^d+(.d+)?,s*d+(.d+)?$/;
    return regex.test(valeur);
  },
  message : i18n.tc('validations.coordonnées_incorrect_format'),
});
≪/pré>
Est-ce que quelqu'un sait comment résoudre ce problème ? 

Answer 1

En cas de doute, vous pouvez vérifier le résultat via console.log.

Veuillez vérifier mes codes et ma boîte, j'utilise console.log pour afficher étape par étape pendant le processus de vérification, en divisant les grandes étapes en petites étapes si nécessaire.

Pour votre premier essai, le problème est que Number.isFinite renvoie toujours false. C'est parce que vous lui avez transmis une coordonnée de chaîne, mais Number.isFinite attendait un nombre. Voici comment y remédier :

Number.isFinite(parseFloat(coord))

Votre valeur initiale.split ne fonctionne qu'avec des virgules ",". Je recommande de diviser en espaces, virgules et virgules + n'importe quel nombre d'espaces.

const coordinates = value.split(/[,\s]\s*/);

Pour votre deuxième tentative, en utilisant uniquement des expressions régulières, je ne vois aucun problème. Lorsque je mets le code dans la même boîte à codes et que je l'utilise comme méthode de validation, cela fonctionne parfaitement.