question à propos de la validation d'un formulaire

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : question à propos de la validation d'un formulaire

tompouss

Petit chat

Bonjour,

je suis entrain de suivre une formation typescript en ligne et je ne comprends pas le choix du formateur concernant une expression booleenne.

Code :

function validate(validatableInput: Validatable) {
let isValid = true;
if (validatableInput.required) {
isValid = isValid && validatableInput.value.toString().trim().length !== 0;
}
if (
validatableInput.minLength != null &&
typeof validatableInput.value === "string"
) {
isValid =
isValid && validatableInput.value.length >= validatableInput.minLength;
}
if (
validatableInput.maxLength != null &&
typeof validatableInput.value === "string"
) {
isValid =
isValid && validatableInput.value.length <= validatableInput.maxLength;
}
if (
validatableInput.min != null &&
typeof validatableInput.value === "number"
) {
isValid = isValid && validatableInput.value >= validatableInput.min;
}
if (
validatableInput.max != null &&
typeof validatableInput.value === "number"
) {
isValid = isValid && validatableInput.value <= validatableInput.max;
}
return isValid;
}

Moi inuitivement j'aurais fait tout simplement ca:

Code :

function validate(validatableInput: Validatable) {
let isValid = true;
if (validatableInput.required) {
isValid = validatableInput.value.toString().trim().length !== 0;
}
if (
validatableInput.minLength != null &&
typeof validatableInput.value === "string"
) {
isValid = validatableInput.value.length >= validatableInput.minLength;
}
if (
validatableInput.maxLength != null &&
typeof validatableInput.value === "string"
) {
isValid =validatableInput.value.length <= validatableInput.maxLength;
}
if (
validatableInput.min != null &&
typeof validatableInput.value === "number"
) {
isValid = validatableInput.value >= validatableInput.min;
}
if (
validatableInput.max != null &&
typeof validatableInput.value === "number"
) {
isValid = validatableInput.value <= validatableInput.max;
}
return isValid;
}

Du coup j'aimerais savoir l'interet de l'approche du formateur. :heink:

Une idée ?

Message cité 1 fois

---------------
collectionneur de pâtes thermiques

Publicité

rufo

Pas me confondre avec Lycos!

Je ne vois pas de différence entre ce que t'as mis pour le formateur et ta vision des choses

Edit : ah oui, j'avais pas vu le isValid && :sleep:

Message édité par rufo le 02-03-2023 à 13:26:58

---------------
Astres, outil de help-desk GPL : http://sourceforge.net/projects/astres, ICARE, gestion de conf : http://sourceforge.net/projects/icare, Outil Planeta Calandreta : https://framalibre.org/content/planeta-calandreta

xtieu

tompouss a écrit :

Bonjour,

je suis entrain de suivre une formation typescript en ligne et je ne comprends pas le choix du formateur concernant une expression booleenne.

Code :

function validate(validatableInput: Validatable) {
let isValid = true;
if (validatableInput.required) {
isValid = isValid && validatableInput.value.toString().trim().length !== 0;
}
if (
validatableInput.minLength != null &&
typeof validatableInput.value === "string"
) {
isValid =
isValid && validatableInput.value.length >= validatableInput.minLength;
}
if (
validatableInput.maxLength != null &&
typeof validatableInput.value === "string"
) {
isValid =
isValid && validatableInput.value.length <= validatableInput.maxLength;
}
if (
validatableInput.min != null &&
typeof validatableInput.value === "number"
) {
isValid = isValid && validatableInput.value >= validatableInput.min;
}
if (
validatableInput.max != null &&
typeof validatableInput.value === "number"
) {
isValid = isValid && validatableInput.value <= validatableInput.max;
}
return isValid;
}

Moi inuitivement j'aurais fait tout simplement ca:

Code :

function validate(validatableInput: Validatable) {
let isValid = true;
if (validatableInput.required) {
isValid = validatableInput.value.toString().trim().length !== 0;
}
if (
validatableInput.minLength != null &&
typeof validatableInput.value === "string"
) {
isValid = validatableInput.value.length >= validatableInput.minLength;
}
if (
validatableInput.maxLength != null &&
typeof validatableInput.value === "string"
) {
isValid =validatableInput.value.length <= validatableInput.maxLength;
}
if (
validatableInput.min != null &&
typeof validatableInput.value === "number"
) {
isValid = validatableInput.value >= validatableInput.min;
}
if (
validatableInput.max != null &&
typeof validatableInput.value === "number"
) {
isValid = validatableInput.value <= validatableInput.max;
}
return isValid;
}

Du coup j'aimerais savoir l'interet de l'approche du formateur. :heink:

Une idée ?

À la fin de ta fonction isValid sera égal au dernier if dans lequel il sera passé. Si tous tes tests renvoient false, mais le dernier true ton isValid vaudra true.
Celui du formateur opère un et logique entre le true défini à l'init de isValid et le retour de chaque test joué dans chacun des if et donc à partir du moment où y'a un false dans les tests, isValid sera à false au final.

---------------
There's more to life than the boy in that mirror.

mechkurt

+1

Perso j'aurais mis le isValid dans le if plutôt qu'avec un && dans l'affectation, je trouves ça plus lisible et évite un test non nécessaire, mais chacun voit midi à sa porte...

Y'a aussi l'option de mettre un return false à chaque test, plutôt que continuer une série de test qui de toute façon devra renvoyer false à la fin.

---------------
D3

tompouss

Petit chat

Merci pour vos réponses
j'aime bien savoir le pq d'un choix, c'est important surtout s'il ya une raison précise.

Mais je me suis rendu compte que la question avait déjà été posée dans la rubrique question & réponse de la formation, mais j'ai pas encore l'habitude de cette plateforme.

J'aime bien l'idée de @mechkrut de retourner false à chaque test, ce serait à priori plus lisible, donc je vais tester ca

---------------
collectionneur de pâtes thermiques

MaybeEijOrNot

but someone at least

Moi pour ce genre de tests je préfère avoir un truc dégueulasse qui effectue tous les tests et retiens le résultat de chaque test. Car typiquement c'est la saisie d'un mot de passe où tu tentes une fois, ça ne va pas, tu corriges, tu passes le premier test, ça ne va toujours pas car cette fois tu ne passes pas le second test, etc.
Très pénible, même si normalement en affichant un message d'erreur rappelant tous les tests qui seront effectués pallie souvent d'une manière simple au problème.

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

FORUM HardWare.fr

Programmation

Javascript/Node.js

question à propos de la validation d'un formulaire

Sujets relatifs
Validation Apple de l'application de rencontre Madintouch	Validation formulaire avec la touche Entrée [Résolu]
Question analyse/visualisation de données, niveau noob	Divers - problème de formulaire HTML / CSS / JS
Inclure une page suivant un formulaire	Question sur les conditions inversées
Afficher un bouton "envoyer" après validation reCAPTCHA	Problème reception mail depuis un formulaire (OVH)
Comment afficher une image provenant d'un formulaire type "radio"
Plus de sujets relatifs à : question à propos de la validation d'un formulaire

Page générée en 0.081 secondes