KioskeaKioskeaCommentCaMarcheInscrivez-vous, c'est gratuit !
Samedi 17 mai 2008 - 12:14:13

Champs de Formulaire: vérification javascript

Rechercher : dans
Champs de Formulaire: vérification javascript
par callahan75
 Fil de Discussions
Statut : Résolu
mercredi 13 février 2008 à 17:38:16
Bonjour à tous,

j'aimerais créer un formulaire avec du javascript "propre" et le plus simple possible... mais je coince pour une vraie vérification des champs (voir mon ex. ci-dessous ) car j'aimerais inclure pour chaque champ de texte une vérif' supplémentaire, efficace, pour éviter un remplissage farfelu par des espaces, chiffres ou autres caractères... Je n'ai pas trouvé la bonne expression régulière ou le bout de code qui s'incluerait convenablement dans le mien...(celui-ci vérifiant en fait que dalle ! hormis l'absence de frappe ) Le problème se posera aussi pour le mail !...Donc si quelqu'un passait par là et pouvait inclure à ce début de script quelques lignes "imparables" cela serait très sympa à vous... Par avance merci.



<script type="text/javascript">

function verif_form1()
{
if (document.getElementById('nom').value=="" ) {
alert ("Veuillez entrer votre nom SVP");
return false;
}

if (document.getElementById('prenom').value=="" ) {
alert ("Veuillez entrer votre prénom SVP");
return false;
}

else {
return true;
}
}

/*/////////////////////////// ETC.... //////////////////////////*/

</script>
Configuration: Windows XP
Firefox 2.0.0.12
Répondre à callahan75  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Lefouerrant, le mercredi 13 février 2008 à 18:03:55 Fil de Discussions
Je suis dans le même cas que toi
Âne aux nîmes
Répondre à Lefouerrant

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par callahan75, le jeudi 14 février 2008 à 19:21:34 Fil de Discussions
Eh bin si personne ne se manifeste on va pouvoir monter un club ! En fait il faudrait déjà trouver un équivalent du Trim PHP suffisamment clair et éprouvé... Si tu as une piste Lefouerrant n'hésite pas !
Répondre à callahan75

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Lefouerrant, le samedi 16 février 2008 à 17:05:20 Fil de Discussions
Excuses-moi, je n'avait pas lu correctement ton code, document.getElementById('nom').value c'est un champ de formulaire ? Parce que les champs de formulaire se definnisent comme ça : document.form.nom.value
en sachant que form est le nom de ton formulaire (nom, pas id)
Âne aux nîmes
Répondre à Lefouerrant

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par callahan75, le samedi 16 février 2008 à 17:59:54 Fil de Discussions
C'est la syntaxe DOM WC3 actuelle il me semble pour sélectionner les éléments. La tienne est tout autant fonctionnelle voire meilleure pour les anciens navigateurs...mais qui utilise encore IE 4 ? Tu peux même "cibler" comme cela: document.forms["NomFormulaire"].elements["NomElement"].focus(); par ex. pour placer le focus.
Répondre à callahan75

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Enax, le samedi 16 février 2008 à 19:01:04 Fil de Discussions
var numb = '0123456789';
var lwr = 'abcdefghijklmnopqrstuvwxyz';
var upr = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
 
function isValid(parm,val) {
  if (parm == "") return false;
  for (i=0; i<parm.length; i++) {
    if (val.indexOf(parm.charAt(i),0) == -1) return false;
  }
  return true;
}
 
function isNum(parm) {return isValid(parm,numb);}
function isLower(parm) {return isValid(parm,lwr);}
function isUpper(parm) {return isValid(parm,upr);}
function isAlpha(parm) {return isValid(parm,lwr+upr);}
function isAlphanum(parm) {return isValid(parm,lwr+upr+numb);}


Si tu veux qu'un champ ne contienne que des caractères alphabétiques par exemple:
if(isAlpha(document.getElementById('id_champ').value))
Répondre à Enax

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par callahan75, le samedi 16 février 2008 à 22:13:34 Fil de Discussions
Merci beaucoup Enax. Je vais aller inclure tout cela et repasserai pour te dire si c'est avec succès !
Répondre à callahan75

7


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par callahan75, le mardi 19 février 2008 à 01:15:17 Fil de Discussions
Bon à vrai dire je ne me suis servi que du "isAlpha", ne maitrisant pas encore certains mécanismes je préfère y aller à mon rythme !

<script type="text/javascript">

function verif_form1()
{

if (!isAlpha(document.getElementById('nom').value))

{
alert ("Veuillez entrer votre nom SVP");
document.forms[0].elements["nom"].focus();
return false;
}

else {
return true;
}
}

j'aimerais avant tout conserver cette forme là pour vérifier les champs...Ne peut-on pas déclarer une variable au sein de la fonction verif du genre : var ch1= /^[A-Z-]+$/i et l'appliquer à certains champs de textes et l'étoffer bien sûr pour vérifier un mail par ex. ? Sans tout chambouler, où pourrait-on déclarer une variable, expression régulière ou chaine de caractères me permettant de conserver cette structure tout en personnalisant chaque champ? Merci à tous pour vos précieux renseignements...car faut que je m'y mette !
Répondre à callahan75

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Enax, le mardi 19 février 2008 à 12:27:55 Fil de Discussions
C'est tout à fait possible d'utiliser une expression régulière.

Après c'est toi qui voit :
- soit tu crées autant d'expression que nécessaire en les appelant chacune leur tour,
- soit tu crées une seule expression que tu redéfinies avant chaque appel.
La déclaration peut se faire où tu veux avant l'appel, mais le code sera plus clair si c'est au début de ta fonction.

Pour le reste, je te renvoies ici :
http://www.commentcamarche.net/javascript/jsregexp.php3
Répondre à Enax

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par callahan75, le mercredi 20 février 2008 à 17:53:18 Fil de Discussions 
Ok merci à toi, je vais creuser et digérer tout ça !
Répondre à callahan75
Discussions pertinentes trouvées dans le forum
23/05 10h45champ formulaire html + javascriptInternet19/11 15h395
21/11 11h25[JS] Formulaire: vérifica° des champs + envoiProgrammation21/11 15h303
08/08 16h30Vérification de champs php avec JavascriptProgrammation13/08 12h376
18/09 22h27verification formulaire avec javascriptWebmastering20/11 19h316
Plus de discussions sur « Champs de Formulaire: vérification javascript » Discussion en cours Discussion fermée Problème résolu
Répondre
Titre du message :
Votre pseudo:
Votre email :
Message: 
  •  
  •  
Options: Recevoir les réponses par mail.
 

Aide