[JS] créer des fonction prototype ? Fermé

Question

Bonjour tout le monde, n'etant pas très douer en javascript je viens vers vous car j'aimerai créer une fonction prototype ?, je sais pas si ce mot est adéquat, je vous explique j'ai un formulaire et j'aimerai ajouter un évenement onkeyup, je pourrait utiliser une fonction simple, mais ca alourdi grandement le code, je cherche donc à faire quelques chose qui ressemblerai à ceci le JS function maverif(){ if(this.value == ""){ alert("Erreur"); } } c'est un exemple biensûr ceci afin d'éviter de devoir passer à chaque fois un ID, celà est-il possible ? d'avance merci de votre aide

hack_net · Answer

Oui c'est totalement possible et comme tu dis cela allége considérablement la page ;) D'ailleurs, la fonction que tu donne en exemple est mauvaise ! En effet, si l'utilisateur écrit dans l'input, sa valeur ne peut pas être nulle ! De plus, évite les alerte, c'est soulant, crée plutôt au début de ton formulaire un :

Et à la place de tes alertes tu met : document.getElementById('msg').innerHTML = 'Ton message en toute lettre'; Pour l'événement, met plutôt un onblur, c'est à dire lorsque l'input perds le focus (lorsque l'utilisateur est dans l'input et qu'il clic hors de ce dernier). A ce moment là, on peut supposer que l'utilisateur à fini sa saisie, et on peut donc vérifié le contenu... Hésite pas si t'as des questions ;) (plus d'infos sur les événements JS : http://www.commentcamarche.net/contents/javascript/jsevent.php3) A+

walygatou · Answer

Merci de votre réponse si rapide xD

pour ce qui est des alerte oui effectivement c'est soulant, je n'aime pas non plus, j'ai créer un DIV destiné à recueillir les différent msg d'erreur, ici c'etait vraiment pour simplifier l'explication xD

Mais je veux dire celà signifie que écrit comme comme tel celà suffit ?
JS

function maVerif(){
  if(this.value.length > 5){
      document.getElementById('divErr').innerHTML = 'erreur : trop de caractères';
  }
}


je peut donc l'utiliser directement sur le onblur de cette facon :

<input type="text" onblur="this.maVerif();" />


Je pensait qu'il fallait faire une déclaration spéciale pour que celà fonctionne, pour le onblur effectivement ca semble plus logique et plus approprié, merci du conseil xD

encore merci de votre aide

hack_net · Answer

Et oui voyons !

Il faut passer un paramétre à ta fonction ! this.Maverif n'existe pas !

Fais ceci :

<input type="text" onblur="maVerif(this.value);" />

Ici on passe à ta fonction la valeur de l'input ;)

Pense à la récupéré dans ta fonction comme ceci :

function maVerif(verifier){
  if(verifier.length > 5){
      document.getElementById('divErr').innerHTML = 'erreur : trop de caractères';
  }
}

walygatou · Answer

oui comme celà ca fonctionne éffectivement, on ne peut donc pas utiliser un this.maVerif(); simplement :( c'est dommage lol ca m'aurait faciliter la tâche lol

j'ai une dernière petite question, mon formulaire est assez long et le div affichant le message d'erreur ce situe en haut du formulaire et on est donc obliger de faire défiler la page vers le haut pour voir l'erreur, est-il possible de lui donner le focus directement, donc dès qu'un message d'erreur est là hop on retourne automatiquement en haut de la page j'ai essayer avec

document.getElementById('divErr').focus();

mais celà ne donne rien

hack_net · Answer

Le focus est réservé aux éléments "dynamic" de la page (ceux avec lesquels on peut intéragir) donc pas de .focus(); ;) 

Par contre, petite astuce toute bête, tu ajoute dans l'adresse #id_de_ta_div après ta_page.php (ce qui donne ta_page.php#id_de_ta_div), et hop tadam :d 

Par contre je crains que cela rafraichisse la page :s 

Sinon, tu fait "flotter" ta div et tu la fait circuler en même temps que ta page (pour cela, CSS ;)) 


Ce n'est pas parce que un chemin prend la direction que l'on souhaite, qu'il nous amène où l'on veut. 
La colère envers autrui reflète toujours la tristesse interne. 
Rien n'est blanc ou noir, tout est gris clair ou gris foncé. 
Le silence et la pensée sont les armes les plus puissantes.

avion-f16 · Answer

Pour faire +/- ce que tu cherches à faire, tu peux créer une fonction qui prend en argument un objet représentant le formulaire.
<form method="post" action="cible.php" onsubmit="return verifier(this);">

Et la déclaration de ta fonction :function verifier(form) {
	alert('ok');
}Dans ta fonction, la variable form représente donc ton formulaire.

[JS] créer des fonction prototype ?

6 réponses

Discussions similaires