Aller au contenu principal.

Description

Cet exemple est particulièrement simple. Le formulaire n'est constitué que de 2 champs de saisie. Le script ne vérifie que l'existence du premier champ...
Pour valider le comportement du formulaire : il suffit de saisir une donnée dans le second champ uniquement...

Le code PHP ne s'écrit qu'en quelques lignes...

On remarquera la présence d'un bouton "Réinitialiser" lorsque JS est désactivé.
Ce bouton permet de réinitialiser le formulaire totalement alors que le bouton "Effacer" remet ce formulaire dans l'état où il était après la dernière soumission.
Le formulaire est soumis (au serveur) plusieurs fois lorsqu'il contient des erreurs. Ce qui n'est a priori pas possible lorsque JS est activé !

12/08/2010


'phpJSvForm' est protégé par un copyright ©2010-2011 - Pierre POISSON (synanceia) et par la licence GNU GPL v3.

Code PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Test Formulaire - Exemple basique</title>    
        <script type="text/javascript" src="init.js"></script>
        <script type="text/javascript" src="jsVerifForm.js"></script>
        <link rel="stylesheet" type="text/css" href="cssVerifForm.css" />
    </head>    
    <body>  
<?php
    
require_once('../krumo/class.krumo.php');
    require_once(
'clVerifForm.php');
    
    
$form1 = new Form();
    
$text1 = new Input('text1','Nom (*) : ');
    
$text2 = new Input('text2','Prénom : ');
    
    
$form1->addElement('Ce formulaire ne vérifie que l\'existence du champ <i>Nom</i>...'$text1$text2) ;
    
$form1->addVerif('exist',$text1) ;

    if(
$form1->verifForm())
    {
        echo 
'<p>Traitement possible...
        <br/>Tout est ok...</p>
        <p> Développez l\'arborescence ci-dessous pour visualiser le contenu de $<span></span>_POST</p>' 
;
        
krumo($_POST) ;
    }
    else
        echo 
$form1;
?>
    </body>
</html>

Le formulaire avec JavaScript

Le formulaire sans JavaScript

Copyright © 2010-2011, Pierre POISSON (synanceia)
Avec l'aimable autorisation de Open Web Design & Swackie - Advantage Through Innovation
Le blog Sit'GEII | Des liens ...