Validation formulaire html.pdf


Aperçu du fichier PDF validation-formulaire-html.pdf

Page 1 2 3 4 5 6 7 8 9




Aperçu texte


Validation d’un formulaire HTML

Abdallah EL Asmar

<tr> <td> Téléphone</td>
<td><input type="text" name="tel" id= "champ5" onblur="validTel()" size="20"></td>
<td><span id="span5" class="sp"></span></td></tr>
<tr> <td> Ville</td>
<td><input type="text" name="ville" id= "champ6" value = "Ville" onblur="validVille()"
onfocus="this.value=''" size="20"></td>
<td><span id="span6" class="sp"></span></td></tr>
<tr> <td><input type="submit" value="Envoyer"></td><td></td><td></td></tr>
</table>
</fieldset>
</form>
</body>
</html>
validerForm.js
 Dans toutes les fonctions qui utilisent Alert(), remplacer Alert (‘message’); par
document.getElementById('id de span').innerHTML = 'message'; et
ajouter avant return true ; le code :
document.getElementById('id-de-span').innerHTML = '';
Par exemple :
function validNo (){
var num = document.getElementById('champ1').value;
if ( ! isNaN(num) ) {
var ent = parseInt(num);
if (ent == num && ent > 0){
document.getElementById('span1').innerHTML = '';
return true;
}
}
// alert ("Entrez un entier positif");
document.getElementById('span1').innerHTML = 'Entrez un entier positif';
document.getElementById('champ1').focus();
return false;
}
 Modifier la function valider() afin d’afficher tous les messages d’erreurs:
function valider(){
var f1= validNo();
var f2= validNom();
var f3= validPrenom();
var f4= validNaissance();
var f5= validTel();
var f6= validVille();
return f1 && f2 && f3 && f4 && f5 && f6;
}

www.facebook.com/a.asmar.isae

Page 6