[JAVASCRIPT] textareas / validation de forms, AIDE!!!

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : [JAVASCRIPT] textareas / validation de forms, AIDE!!!

k666

dites non à petitmou

salut à vous,
je veux faire quatre fonctions js:

- isEntier
- isFlottant
- isUnedate
- isTexte
- isMail

j'aimerai bien en fait le faire par cette technique:

- isEntier: je convertis la chaine passée en ENTIER puis en CHAINE et je compare l'entrée à la sortie

- isFlottant: je convertis la chaine passée en FLOTTANT puis en CHAINE et je compare ...

- isUnedate: comment faire le plus simple possible??

- isTexte: je m'en fous

donc 2 QUESTIONS :
- comment on reconverti en chaine de char un entier ou flottant ou date ???

- comment on fait pour tester la validité d'une date rentrée et si possible la remettre en JJ/MM/AAAA ????

voila merci bokoo pour votre aide qui j'espère servira à bcp de monde

[edtdd]--Message édité par k666--[/edtdd]

Publicité

_epegasus_

"comment on reconverti en chaine de char un entier ou flottant ou date ??? "

Si i est un entier ou un float,
<>
chaine=i+"";
<>

"comment on fait pour tester la validité d'une date rentrée et si possible la remettre en JJ/MM/AAAA ???? "

Bah la ca depends du format d'entree de ta date ... ??

voili voila

k666

dites non à petitmou

merci bien mon cher ami
c la fin du monde, mais c pas la fin du javascript qd mêê
et pour les dates, ya pas des fonctions préfaties déjà qui puissent dire si la date est valide, en lui passant un autre paramètre du style 'type de date' ???????
merci

_epegasus_

Pas a ma conniassance ... mais comme dirait l'autre : "On se sort les doigts du cul et on se motive !" ... meme si les evenements actuel ne sont pas tres motivant

art_dupond

je suis neuneu... oui oui !!

fais toujours un tour ici pour les dates

http://www.w3schools.com/js/js_datetime.asp

k666

dites non à petitmou

j'ai fait un truc pourrave,
ça marche que pour les input type text car les checkboxs et radio ont leurs propres règles
on peut indiquer: le nom du champ, la description, le type de variables, le requis/pas requis

à qui n'en veuille:
voilà le code à inclure:

Code :

function isEntier(koi)
{
var tmp = koi;
if ( ( tmp != "" ) && ( tmp != null ) )
{
tmp = parseInt(tmp);
tmp = tmp + "";
if ( ( tmp == koi )||( ("0"+tmp) == koi ) )
return 1;
else
return 0;
}
else return -1;
}
function isFlottant(koi)
{
var tmp = koi;
if ( ( tmp != "" ) && ( tmp != null ) )
{
tmp = parseFloat(tmp);
tmp = tmp + "";
if (tmp == koi)
return 1;
else
return 0;
}
else return -1;
}
function isUnedate(koi)
{
var tmp = koi;
var aze = 0;
if ( ( tmp != "" ) && ( tmp != null ) )
{
var tmp = koi.split("/" );
if ( tmp.length == 3 )
{
for (k = 0; k < 3; k ++)
{
if (isEntier(tmp[k]) == 1)
{aze++;};
};
return((aze == 3) ? 1:0);
};
else return 0;
}
else return -1;
}
function isTexte(koi)
{
var tmp = koi;
if ( ( tmp != "" ) && ( tmp != null ) )
return 1;
else
return -1;
}
function check_up(what)
{
var datz = what.split("," );
var erreurz = "";
tmpz = new Array(4);
for(i=0;i<datz.length;i++)
{
tmpz = datz[i].split("|" );
if(tmpz.length == 5)
{
switch(tmpz[4])
{
case "c":
alert("checkbox" );
break;
case "r":
alert("radio" );
break;
default :
contenu_actuel = document.forms[form_name].elements[tmpz[0]].value;
description = tmpz[1];
requis = tmpz[2];
type_data = tmpz[3];
if (requis=="1" )
{
switch(type_data)
{
case "i":
switch(isEntier(contenu_actuel))
{
case -1: erreurz = erreurz + "\nle champ " + description + " n'a pas été renseigné ...";break;
case 0 : erreurz = erreurz + "\nle champ " + description + " n'a pas le bon format ...";break;
//case 1 : erreurz = erreurz + "\nle champ " + description + " est bien rempli ...";break;
};
break;
case "f":
switch(isFlottant(contenu_actuel))
{
case -1: erreurz = erreurz + "\nle champ " + description + " n'a pas été renseigné ...";break;
case 0 : erreurz = erreurz + "\nle champ " + description + " n'a pas le bon format ...";break;
//case 1 : erreurz = erreurz + "\nle champ " + description + " est bien rempli ...";break;
};
break;
case "d":
switch(isUnedate(contenu_actuel))
{
case -1: erreurz = erreurz + "\nle champ " + description + " n'a pas été renseigné ...";break;
case 0 : erreurz = erreurz + "\nle champ " + description + " n'a pas le bon format ...";break;
//case 1 : erreurz = erreurz + "\nle champ " + description + " est bien rempli ...";break;
};
break;
default:
switch(isTexte(contenu_actuel))
{
case -1: erreurz = erreurz + "\nle champ " + description + " n'a pas été renseigné ...";break;
case 0 : erreurz = erreurz + "\nle champ " + description + " n'a pas le bon format ...";break;
//case 1 : erreurz = erreurz + "\nle champ " + description + " est bien rempli ...";break;
};
}
}
else
{
switch(type_data)
{
case "i":
switch(isEntier(contenu_actuel))
{
case 0 : erreurz = erreurz + "\nle champ " + description + " n'a pas le bon format ...";break;
//case 1 : erreurz = erreurz + "\nle champ " + description + " est bien rempli ...";break;
};
break;
case "f":
switch(isFlottant(contenu_actuel))
{
case 0 : erreurz = erreurz + "\nle champ " + description + " n'a pas le bon format ...";break;
//case 1 : erreurz = erreurz + "\nle champ " + description + " est bien rempli ...";break;
};
break;
case "d":
switch(isUnedate(contenu_actuel))
{
case 0 : erreurz = erreurz + "\nle champ " + description + " n'a pas le bon format ...";break;
//case 1 : erreurz = erreurz + "\nle champ " + description + " est bien rempli ...";break;
};
break;
default:
switch(isTexte(contenu_actuel))
{
case 0 : erreurz = erreurz + "\nle champ " + description + " n'a pas le bon format ...";break;
//case 1 : erreurz = erreurz + "\nle champ " + description + " est bien rempli ...";break;
};
}
}
}
}
}
if ( erreurz == "" )
{
document.forms[formulaire].submit();
}
else
{
alert(erreurz);
erreurz = "";
}
}

et dans la page des formulaires, fo mettre:

Code :

<html>
<body>
<script src="valideur.js"></script>
<script language="javascript">
//model de validation: ( nom_du_champ|desc_du_champ|requis:1_pasrequis:0|type_float:f_charz:c_int:i_d:date ,...|type_de_champ_t:text_c:checkbox_r:radio...)
var fields_toCheck = "kakz|champ sympa|1|t|x,kakz2|champ sympa|1|i|x,kakz3|champ sympa|1|d|x";
var form_name = "formulaire";
</script>
<form name=formulaire onsubmit="javascript:check_up(fields_toCheck);return false;">
<input type=text name=kakz value="">texte<br>
<input type=text name=kakz2 value="">numméro<br>
<input type=text name=kakz3 value="">date<br>
<input type=submit value=ok>
</form>
<script>
//check_up(chaine);
//alert(erreurz);
</script>
</body>
</html>

voilà, salut

[edtdd]--Message édité par k666--[/edtdd]

k666

dites non à petitmou

up pour tous les flémards
j'ai rajouté isMail()
je posterai staprème

FLY LM

Une autre façon de procéder avec les expressions régulières :

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="Javascript">

function isEntier()
{
var tmp;
tmp = prompt('Test Entier');
p = /^([\d]+)$/
if(resultat = tmp.match(p))
{
document.write("La chaîne est un entier" );
}
else
{
document.write("La chaîne n'est pas un entier" );
}
}

function isFlottant()
{
var tmp;
tmp = prompt('Test Flottant');
p = /^([\d]+)(,|.)([\d]+)$/
if(resultat = tmp.match(p))
{
document.write("La chaîne est un flottant" );
}
else
{
document.write("La chaîne n'est pas un flottant" );
}
}

function isTexte()
{
var tmp;
tmp = prompt('Test Texte');
p = /([a-zA-Z0-9]+)/
if(resultat = tmp.match(p))
{
document.write("La chaîne est un texte" );
}
else
{
document.write("La chaîne n'est pas un texte" );
}
}

function isDate()
{
var tmp;
tmp = prompt('Test une date de la forme d/m/y ou d-m-y');
p = /^(([0-2]?[0-9])|(30|31))(\/|-)(([0]?[0-9])|(10|11|12))(\/|-)(([0-9]{4})|([0-9]{2}))$/
if(resultat = tmp.match(p))
{
document.write("La chaîne est une date" );
}
else
{
document.write("La chaîne n'est pas une date" );
}
}

function isMail()
{
var tmp;
tmp = prompt('Test email');
p = /^([^\s]+)@([^\s]+).(com|net|fr|org|prout)$/
if(resultat = tmp.match(p))
{
document.write("La chaîne est une adresse email" );
}
else
{
document.write("La chaîne n'est pas une adresse email" );
}
}

</script>
<link rel="stylesheet" type="text/css" href="nav.css">
</head>
<body bgcolor="#FFFFFF">
   <a href="javascript:isTexte()";> Tester un texte (tout sauf vide)</a><br><br>
   <a href="javascript:isEntier()";> Tester un entier (bha un entier quoi)</a><br><br>
   <a href="javascript:isFlottant()";> Tester un flottant (séparateur , ou .)</a><br><br>
   <a href="javascript:isDate()";> Tester une date (jour-mois-année -> séparateur / ou -)</a><br><br>
   <a href="javascript:isMail()";> Tester une adresse Email </a><br><br>
</body>
</html>

J'adore les RegEXP....

k666

dites non à petitmou

fly lm a écrit a écrit :

p = /^(([0-2]?[0-9])|(30|31))(\/|-)(([0]?[0-9])|(10|11|12))(\/|-)(([0-9]{4})|([0-9]{2}))$/

etc....?
comment ça marche ce truc? t'as pas une doc sur la définition des regExp en JS ???
c cool c assez propre ton truc donc ça me plairait d'en voir
voilà merci et vive la fin du monde

FLY LM

C'est très simple quand tu as compris le truc. Je vais essayer de t'expliquer :

Voici le motif (pattern) que tu vas tenter de reconnaître avec match(p)

p = /^(([0-2]?[0-9])|(30|31))(\/|-)(([0]?[0-9])|(10|11|12))(\/|-)(([0-9]{4})|([0-9]{2}))$/

----------

Ton motif se trouve entre / et /
Le ^ correspond au début de ta chaîne, le $ à la fin. Ils ne sont pas toujours nécessaires, tout dépend de ce que tu cherches à reconnaître.
Les [] permettent de définir les caractères autorisés à un endroit donné de la chaîne en précisant des intervalles.

exemple :
[a-z] autorise [abcdef....rstuvwxyz]
[0-9] autorise [0123456789]

Les accolades {} précise le nombre de foi ou les caractères autorisés peuvent se répéter.

exemple :
[0-9]{4} reconnait 2000 mais pas 350
[0-9]{2} va reconnaitre 20 mais pas 350 ni 1 ou 2000...
Mais tu peux encore compliquer...

le ? veut dire que le caractère qui précède est répété au plus une fois, ce qui le rend facultatif.

exemple :
[0-2]?[0-9] sera à même de reconnaitre 01,02,...,09,...,5,11,23... mais pas 40.

Je te donne des liens qui te donnerons quelques règles pour utiliser les REGEXP, car c'est très long à expliquer (et cela peut changer suivant les moteurs de REGEXP).

En gros, voilà quelques adresses sympas (même si c'est pas du JS) qui t'aiderons à comprendre :

http://developpeur.journaldunet.co [...] preg.shtml
http://www.phpinfo.net/?p=articles&rub=regex
http://www.delorie.com/gnu/docs/rx/rx_toc.html

Bonne continuation

Publicité

FLY LM

Ah oui,

p = /^(([0-2]?[0-9])|(30|31))(\/|-)(([0]?[0-9])|(10|11|12))(\/|-)(([0-9]{4})|([0-9]{2}))$/

correspond à :

p = /^(JOUR compris entre 0 et 31)séparé par( / ou - )(MOIS compris entre 0 et 12)séparé par( / ou - )(ANNEE en 2 ou 4 chiffres)$/

[edtdd]--Message édité par fly lm--[/edtdd]

Gonzoide

Les cochons... dans l'espâââce

tu peux directement creer un object Date a partir d'une chaine, et tester ensuite si c'est une date valide. Ca t'evite tes 400.000 lignes inutiles. Ca marche avec tous les object JS (si y'a pas un constructeur qui prend une string, y'a String.parseXXX) ... par exemple, le code complet pour tester un entier et une date a partir d'une string (c'est quand meme largement plus simple) :

<HTML>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">

function checkNumber(name)
{
var i = parseInt(document.all[name].value);
var result = "Text is a valid number";

if(isNaN(i))
result = "Text is not a valid number";

alert(result);
}

function checkDate(name)
{
var date = new Date(document.all[name].value);
var result = "Text is a valid date";

if(isNaN(date))
result = "Text is not a valid date";
alert(date);
}

</SCRIPT>
</HEAD>
<BODY>
<h2>Validity test for number (int)</h2>
<INPUT NAME="number" TYPE="TEXT" OnChange="checkNumber('number')">
<h2>Validity test for date (MM/DD/YYYY)</h2>
<INPUT NAME="date" TYPE="TEXT" OnChange="checkDate('date')">
</BODY>
</HTML>

[edtdd]--Message édité par Gonzoide--[/edtdd]

FLY LM

Oui...c'est sur, même si dans l'objet date sera pas aussi souple qu'une REGEXP... Mais j'avoue que cela ne m'étais pas venu à l'idée... Pourquoi faire compliquer quand on peut faire simple...

Gonzoide

Les cochons... dans l'espâââce

Pas aussi souple ? Le parser integre dans "Date" te permet de prendre directement les Strings de la forme "xx/xx/2001" ou "20 sept 2001", etc etc (tout ce qui ressemble a une date bien formee est accepte)

FLY LM

Gonzoide a écrit a écrit :

Pas aussi souple ? Le parser integre dans "Date" te permet de prendre directement les Strings de la forme "xx/xx/2001" ou "20 sept 2001", etc etc (tout ce qui ressemble a une date bien formee est accepte)

Autant pour moi... Par contre il valide des dates du genre : 99/18/2000 ????? -> pour lui c'est ok

k666

dites non à petitmou

supers les liens merci bokoo à vous
je vais les lire bientôt, car je suis maintenant au :jap: chômmage :jap:

:love: fin du monde rulez :love:

ah ou, dans la version non innovante, bah la fonction isMail pourrave est ci dessous, ça marche néanmoins un peu :

Code :

function isMail(koi)
{
var tmp = koi;
if ( ( tmp != "" ) && ( tmp != null ) )
{
if ( (tmp.indexOf("@" ) == tmp.lastIndexOf("@" )) && (tmp.indexOf("@" ) > 1) )
{
if ( (tmp.lastIndexOf("." ) > tmp.lastIndexOf("@" )) && (tmp.lastIndexOf("." ) < (tmp.length - 2)) ) return 1;
else return 0;
}
else return 0;
}
else return -1;
}

[edtdd]--Message édité par k666--[/edtdd]

Gonzoide

Les cochons... dans l'espâââce

Si mon adresse c'est : a@toto.com, ben ca marche pas

k666

dites non à petitmou

bahnon.... c vrai :sweat:
allez, :fou: viré!!!! :fou:

:lol: :lol:

bin en fait je "crois" que la syntax adresses mail prévoit quiaie au moins 3 charactères à gauche de l'arrobase, ou truc du genre ????
ché plus

[edtdd]--Message édité par k666--[/edtdd]

FORUM HardWare.fr

Programmation

[JAVASCRIPT] textareas / validation de forms, AIDE!!!

Sujets relatifs
[Javascript - HTML] Layers on top	[javascript] fenetre sans bouton agrandir/reduire
le refresh en javascript commentkonfait ?	BESOIN D'AIDE EN ALGO
JAVASCRIPT / DHTML : Scripts bidons SVP	[JavaScript/DHTML] Changement d'image
detection du bouton droit ou gauche en javascript	cordonnées de la sourie en JAvascript pourkoi code marche pas??
[javascript] Scinder une chaine	[JAVASCRIPT] Rafaichir une page
Plus de sujets relatifs à : [JAVASCRIPT] textareas / validation de forms, AIDE!!!

Page générée en 0.104 secondes