11540 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

j'essaie de créer un formulaire multi-étape. J'ai trouvé le fameux Formtowizard, qui est super sauf sur 2 points.

- Le premier c'est que mon javascript pour rendre des champs obligatoires ne fonctionne pas avec formtowizard (sous iexplore) ou qu'il indique qu'il manque des champs mais seulement à la dernière étape.

- Le second, très embêtant, c'est que le formulaire se trouve en bas de page, et quand on clique sur suivant on retourne en haut de page... et il faut redescendre la page pour continuer le formulaire.

Pour info voici le site : www.assurancesincendie.be

Comment puis-je corriger ces 2 problèmes ? Ou avez-vous une solution différente de formtowizard (pas trop complexe, je ne suis qu'un amateur Smiley confused )

Merci d'avance pour vos précieux conseils !!
-Pour le premier problème, il faut que tu vérifie toi-même si le champ est remplie ou pas; lorsque le bouton a subit un focus, tu modifie son onblur pour qu'il regarde si le bouton est vide ou pas:
<input type="text" name="button" id="button"/>
document.getElementById('button').onfocus=function() {
   document.getElementById('button').onblur=function() {
      if(document.getElementById('button')=='') { #Tu peux aussi utiliser une regex
         document.getElementById('button').style.border='1px solid red'; #C'est juste un exemple
      }
   }
}


-Pour le second problème, c'est facile, il te faut ajouter un return false; au onclick du lien "Suite" ou alors supprimer le href="#";