Contrôle de saisie sur une zone de texte

**afifi** · 09/10/2020, 01h06

Salut tout le monde,
je fais un contrôle de saisie sur une zone de texte dans un formulaire. Elle contiendra le nom et prénom d'une personne de telle façon :
- qu'elle ne soit pas vide.
-contient un seul espace entre le nom et prénom.
-formé uniquement par des caractères alphabétiques
j'ai écrit ce code qui marche pour des chaines comme "mdm rrl" et en marche pas pour d'autres comme "jean valjean".
S'ils vous plait ou est le problème ?

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<HTML>
<HEAD>
<TITLE>Carnets d'adresses</TITLE>
<SCRIPT language="JavaScript">
function verif()
{
l=window.document.car.np.value.length;
i=0;
nb=0;
do
{
i=i+1;
alert(i);
if(window.document.car.np.value.charAt(i)==' ')
{nb++;}
}while ((((window.document.car.np.value.charAt(i).toUpperCase() >'A') && (window.document.car.np.value.charAt(i).toUpperCase() <'Z'))||
(window.document.car.np.value.charAt(i)==' ')) && (i<=l-1) && (nb<=1));
 
if (window.document.car.np.value=="" || nb!=1 || i<=l-1 || window.document.car.np.value.indexOf(" ",1)==-1 )
{ 
alert("resaisir le nom et le prénom");}
else
{alert("cv");}
 
}
 
 
 
 
</SCRIPT>
</HEAD>
<BODY bgcolor="white grey">
<font size="26"  color="blue"><center>CARNET D'ADRESSES</center></FONT>
<br><br><br>
 
<FORM name="car" >
Nom et prénom<input type="text" name="np"  size="20" onblur="verif()"    ><br><br>
Adresse Email : <input type="text" name="email" onblur=""><br><br>
<input type="button" name="baj" value="Ajouter">
<input type="button" name="bsu" value="Suprimer">
<input type="button" name="bre" value="Retrouver adresse mail">
 
<br><br>
<select name="pers" >
<option selected value=" vide  "> Sélectionner un contact    </option>
</select>
 
</FORM>
</BODY>
</HTML>

**chrisyk22** · 09/10/2020, 08h28

Bonjour. Concernant ton problème une solution serait de récupérer la valeur du input et de parcourir la chaine avec un compteur qui s'incrémente à la rencontre d'un espace et... Je te laisse le soin de faire le reste.
PS: une autre solution serait aussi de créer deux inputs, un avec un champ nom et un autre avec prénom

je dis ça je dis rien

**afifi** · 09/10/2020, 09h25

Bonjour
c'est ce que j'ai fait. il y a un compteur i qui s'incremente dans la boucle do..while

**javatwister** · 09/10/2020, 10h19

Schématiquement:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<div>
   <input type="text" id="t" />
</div>

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
document.querySelector("#t").addEventListener("change",e=>{
/* Quand tu quittes le champ, tu vérifies qu'il contient
deux mots d'une longueur comprise entre 2 et 15 caractères
*/
	const mess= /^[a-z]{2,15} [a-z]{2,15}$/i.test(e.target.value) ?
	"Vous êtes\n" + e.target.value :
	"Erreur de saisie";
	alert(mess);
})

**SpaceFrog** · 09/10/2020, 10h29

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<SCRIPT language="JavaScript">

=>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript">

**afifi** · 09/10/2020, 10h44

Merci beaucoup pour vos réponses.
J'ai fait une erreur d'inattention dans la condition

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

(ch.charAt(i).toUpperCase() >'A')&& (ch.charAt(i).toUpperCase() <'Z')

et ça doit être

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

 (ch.charAt(i).toUpperCase() >='A')&& (ch.charAt(i).toUpperCase() <='Z')

c a d pour qu'elle accepte le A et le Z

**javatwister** · 09/10/2020, 11h19

Je ne comprends pas l'utilité d'une boucle pour contrôler la saisie d'un seul champ

**NoSmoking** · 09/10/2020, 12h01

Bonjour,

Envoyé par chrisyk22

PS: une autre solution serait aussi de créer deux inputs, un avec un champ nom et un autre avec prénom

je plussoies attendu que j'ai rendez-vous avec Jean Eudes de la Lamotte-Beuvron

.

**javatwister** · 09/10/2020, 12h10

Bah, on va dire que c'est pour des pseudos (et simples en plus)

**afifi** · 09/10/2020, 12h49

je suis débutant en javascript et en plus s'il y a une autre méthode autre que celle ci je serais reconnaissant de ma la communiquer.
Merci

**javatwister** · 09/10/2020, 13h00

Je t'ai fourni un script qui fonctionne...

Le reste du problème n'a rien à voir avec la programmation.
Tu considères qu'un ensemble Prénom + Nom est constitué de deux blocs de caractères purement alphabétiques: tu te trompes car tu oublies les accents, les traits d'union, les apostrophes voire les espaces multiples.

**afifi** · 09/10/2020, 16h16

Merci bien Mr
Puisque dans ma langue les nom et prénoms ne présentent pas des accents et des apostrophes. Il se peut des espaces consécutifs oui .
En plus le code je ne l'ai pas bien assimilé.
En tout cas Merci pour votre attention et votre aide