Description
Il est possible d'ajouter des JavaScripts afin d'obtenir un comportement particulier souhaité.
Ici, le champ "login" est proposé automatiquement, dès que les 2 autres champs ont été complétés.
27/09/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 - Ajout d'un script personnel</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('nom','Nom : ');
$text2 = new Input('prenom','Prénom : ');
$text3 = new Input('login','Login : ');
$form1->addElement('Le champ <i>Login</i> est proposé automatiquement (si JS activé) dès que les champs <i>Nom</i> et <i>Prénom</i> sont complétés.', $text1, $text2, $text3) ;
$form1->addVerif('exist', $text1, $text2, $text3, 'login', $text3) ;
$form1->addScript($text1, 'change', '
Nom = this ;
Prenom = document.getElementById("prenom") ;
if(Nom.value && Prenom.value)
{
Login = document.getElementById("login") ;
Login.value=Prenom.value.toLowerCase()+"."+Nom.value.toLowerCase() ;
Login.focus() ; // Donne le focus, lorsque l\'utilisateur se positionnera sur un autre champ, celui-ci sera mis en forme...
}
') ;
$form1->addScript($text2, 'change', '
Prenom = this ;
Nom = document.getElementById("nom") ;
if(Nom.value && Prenom.value)
{
Login = document.getElementById("login") ;
Login.value=Prenom.value.toLowerCase()+"."+Nom.value.toLowerCase() ;
Login.focus() ;
}
') ;
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>