Bonjour,
j'ai découvert récemment LiveValidation, et je n'arrive pas à mettre 2 formulaires indépendants dans une même page web.
Dans cet exemple, il demande à ce que le deuxième formulaire soit rempli avant d'envoyer le premier...
exemple
Code HTML :
<!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>Untitled Document</title>
<link href="css/livevalidation.css" rel="stylesheet" type="text/css" />
<script src="js/livevalidation.js" type="text/javascript"></script>
</head>
<form id="connection">
<input name="nom" id="nom" type="text" /><br/>
<input type="submit" value="Envoyer">
</form>
<script type="text/javascript">
Code Javascript :
var nom = new LiveValidation('nom', {validMessage: 'OK'});
nom.add(Validate.Presence, {failureMessage:"A remplir"});
var automaticOnSubmit = nom.form.onsubmit;
nom.form.onsubmit = function(){
var valid = automaticOnSubmit();
if (valid)
{
new Ajax.Updater(
'message_box_info',
'connection.php',
{
method: 'post',
parameters: $('connection').serialize(true)
}
);
}
return false;
}
Code HTML :
</script>
<form id="inscription">
<input name="nom2" id="nom2" type="text" /><br/>
<input type="submit" value="Envoyer">
</form>
<script type="text/javascript">
Code Javascript :
var nom2 = new LiveValidation('nom2', {validMessage: 'OK'});
nom2.add(Validate.Presence, {failureMessage:"A remplir"});
var automaticOnSubmit = nom2.form.onsubmit;
nom2.form.onsubmit = function(){
var valid = automaticOnSubmit();
if (valid)
{
new Ajax.Updater(
'message_box_info',
'inscription.php',
{
method: 'post',
parameters: $('inscription').serialize(true)
}
);
}
return false;
}
Code HTML :
</script>
<div id="message_box_info" style="background-color:#0F0"> test </div>
<body>
</body>
</html>