Accueil­FAQ­Rechercher­S'enregistrer­Membres­Groupes­Connexion
Poster un nouveau sujet   Répondre au sujetPartager | 
 

 Tuto- Javascript + formulaire :

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Angel's Dream
Modérateur Langages Web
Modérateur Langages Web


Masculin Nombre de messages: 2855
Programme utilisé (Gm/RmXp/...): GM-6.1, Notepad ++, Flash MX 2004, Fruity loop
Etudes: Seconde Général
Loisirs: Vivre !
Date d'inscription: 04/11/2005

MessageSujet: Tuto- Javascript + formulaire :   Sam 15 Avr - 20:29

le Javascript plus un formulaire ca a donné ce tuto.
j'ai fait ce tuto car j'ai eu besoin de ces connaisance alors autant les partager avant que je n'oublie :
LE SCRIPT!!!!


<html>
<head>

<title>Grace a Blunkoth 1er mon premier formulaire javascript!!!</title>
<script language="JavaScript">
/* LE SCRIPT!!!*/
function verif()
{ if (document.formul.pseudo.value == "")
{
alert("Vous avez oubliez de mettre le pseudo.");
return false;
}
else
return true;
}


</script>
</head>
<body>
<h1>
LE FORMULAIRE!!!</h1>
<form name="formul" action="http://ze-blunk-site.titi-serveur.net/index.php" method="post"
onsubmit="return verif()">
<label>Pseudo : <input type="text" Name="pseudo"></label><br/>
<input type="submit" Value="TEST"
onsubmit="return verif()">
</form>
</body>
</html>


voila le scrip mettez tous dans une page html et lancer.

Constitution du script :
Là, on va attaquer le script dur...si vous ne pigez rien au HTML, c'est pas la peine ! Cultivez-vous ^^ pour le reste :

Code:
<script language="JavaScript">
Cette ligne déclare que le script sera en JavaScript


Code:
/* LE SCRIPT!!!*/

Une ligne de commentaire, voyons ^^

Code:

function verif()

Là, c'est la fonction verif qui vérifiera le formulaire selon vos instructions.


Code:
if (document.formul.pseudo.value == "")

Là, on prend le chemin pour vérifier une info :
document. ==>> il dit que c'est dans le document.
formul. ==>> ça, celà annonce qu'il est dans le formulaire formul
pseudo. ==>> on annonce que la variable à vérifier est pseudo
value. ==>> on annonce que c'est la valeur de celle-ci qui doit être vérifiée.

== "" ) ==>> là, on dit à quoi comparer. == compare et "" est la comparaison (entre les caractères) de rien.

Code:

alert("Vous avez oubliez de mettre le pseudo.");
return false;

Là, c'est une action qui se met en marche quand on a rien dans pseudo. Alert affiche un message et return false indique que l'action est annulée donc non-envoi du formulaire.


Code:
else
return true;

si if est bon alors return est validé et on passe à la page suivante.

Pour le reste, je ne vous explique pas. Vous devez connaître le html (sinon envoyez moi un mail ou un MP ;) )

En espérant pas trop de fautes.


Dernière édition par le Sam 15 Avr - 22:05, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Xierra54
Admin - .: el traductor :.
Admin - .: el traductor :.


Masculin Nombre de messages: 8504
Age: 50
Programme utilisé (Gm/RmXp/...): GM (6.1 et 7 enregistrées), Purebasic (démo)
Etudes: Supérieures
Loisirs: ordinateur
Date d'inscription: 13/08/2005

MessageSujet: Re: Tuto- Javascript + formulaire :   Sam 15 Avr - 21:40

Citation:

<html>
<head>
<title>Grâce à Blunkoth 1er, mon premier formulaire Javascript!!!</title>
<script language="JavaScript">
/* LE SCRIPT !!!*/
function verif()
{ if (document.formul.pseudo.value == "")
{
alert("Vous avez oubliez de mettre le pseudo.");
return false;
}
else
return true;
}

</script>
</head>
<body>
<h1>LE FORMULAIRE !!!</h1>
<form name="formul" action="http://ze-blunk-site.titi-serveur.net/index.php" method="post"
onsubmit="return verif()">
<label>Pseudo : <input type="text" Name="pseudo"></label><br/>
<input type="submit" Value="TEST"
onsubmit="return verif()">
</form>
</body>
</html>

Voilà le script. Mettez tout dans une page HTML et lancez.

Constitution du script :
Là, on va attaquer le script dur...si vous ne pigez rien au HTML, c'est pas la peine ! Cultivez-vous ^^ pour le reste :

Code:
<script language="JavaScript">
Cette ligne déclare que le script sera en JavaScript

Code:
/* LE SCRIPT!!!*/
Une ligne de commentaire, voyons ^^

Code:
function verif()
Là, c'est la fonction verif qui vérifiera le formulaire selon vos instructions.

Code:
if (document.formul.pseudo.value == "")
Là, on prend le chemin pour vérifier une info :
document. ==>> il dit que c'est dans le document.
formul. ==>> ça, celà annonce qu'il est dans le formulaire formul
pseudo. ==>> on annonce que la variable à vérifier est pseudo
value. ==>> on annonce que c'est la valeur de celle-ci qui doit être vérifiée.

== "" ) ==>> là, on dit à quoi comparer. == compare et "" est la comparaison (entre les caractères) de rien.

Code:
alert("Vous avez oubliez de mettre le pseudo.");
return false;
Là, c'est une action qui se met en marche quand on a rien dans pseudo. Alert affiche un message et return false indique que l'action est annulée donc non-envoi du formulaire.

Code:
else
return true;
si if est bon alors return est validé et on passe à la page suivante.

Pour le reste, je ne vous explique pas. Vous devez connaître le html (sinon envoyez moi un mail ou un MP ;) )

En espérant pas trop de fautes.

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://philippe.ragni.free.fr/
Angel's Dream
Modérateur Langages Web
Modérateur Langages Web


Masculin Nombre de messages: 2855
Programme utilisé (Gm/RmXp/...): GM-6.1, Notepad ++, Flash MX 2004, Fruity loop
Etudes: Seconde Général
Loisirs: Vivre !
Date d'inscription: 04/11/2005

MessageSujet: Re: Tuto- Javascript + formulaire :   Sam 15 Avr - 22:07

thak you xierra you are the best corrector of zone-freegames ;)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
lha
Habitué
Habitué


Masculin Nombre de messages: 293
Age: 23
Programme utilisé (Gm/RmXp/...): GM/c/c avancé/asp/html/VBscript/ photoshop/poser/swish2.0/swish max/php
Date d'inscription: 28/04/2005

MessageSujet: Re: Tuto- Javascript + formulaire :   Mar 15 Aoû - 11:21

voir aussi aps + vbscript c tres interessant

http://zone-freegames.forumactif.com/viewtopic.forum?t=2619

_________________
visitez www.amcrypto.org (le monde de cryptographie)

L.H.A love Game Maker !!!!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.amcrypto.org
Cyrhades
Experimenté
Experimenté


Masculin Nombre de messages: 437
Age: 27
Programme utilisé (Gm/RmXp/...): NotePad
Loisirs: Programmation
Date d'inscription: 03/07/2006

MessageSujet: Re: Tuto- Javascript + formulaire :   Mar 22 Aoû - 10:42

le mieux c'est JS ou VBS qu'importe mais mieux en JS tout de même mieux supporté et AJAX ce qui permet de controler via le serveur sans que le visiteur s'appercoivent (pas de rechargement de page etc) tres tres utiles.
ce qui permet de savoir si par exemple le pseudo existe deja ce qui permet de prévenir le visiteur que ce pseudo est déja utilisé avant même qu'il valide son formulaire.

_________________
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://lcproduction.free.fr/
lha
Habitué
Habitué


Masculin Nombre de messages: 293
Age: 23
Programme utilisé (Gm/RmXp/...): GM/c/c avancé/asp/html/VBscript/ photoshop/poser/swish2.0/swish max/php
Date d'inscription: 28/04/2005

MessageSujet: Re: Tuto- Javascript + formulaire :   Mar 22 Aoû - 18:19

mais on peut utilisé vb script pour faire formulaire : http://zone-freegames.forumactif.com/viewtopic.forum?t=2619 c est aussi interessant

_________________
visitez www.amcrypto.org (le monde de cryptographie)

L.H.A love Game Maker !!!!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.amcrypto.org
 

Tuto- Javascript + formulaire :

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Game Maker Zone :: Programmation/Graphisme :: Programmation web :: Scripts - Exemples-
Poster un nouveau sujet   Répondre au sujet