IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

bloquer submit en javascript


Sujet :

JavaScript

  1. #21
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Ben en fait, c'est plus simple
    Dans la mesure où le script attend la réponse du serveur, tu n'as plus à gérer le callback :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    xhr.open("POST","verif.php",true);
    // Ajouter si vous utiliser la méthode POST
    xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
    idpseudo = document.getElementById('pseudo').value;
    idMdp = document.getElementById('mdp').value;
    xhr.send("idPseudo="+idpseudo+"&idmdp="+idMdp);
    var test = xhr.responseText;
    if (test==1){
    	document.getElementById('connect').innerHTML = '<font color=red>Pseudo ou mot de passe incorrect</font>';
    	return false;
    }
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  2. #22
    Membre averti
    Profil pro
    Inscrit en
    Juin 2010
    Messages
    19
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2010
    Messages : 19
    Par défaut
    pour ceux que sa interesse problème enfin resolu c'est la fin de mon calvere ^^

    en faite je suis retourner avec un input de type button et j'ai utiliser cette fonction en JS

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     function v(e) {
     var enterpressed = e? e.which == 13: window.event.keyCode == 13;
     if (enterpressed){
      verification();
      return false;
     }
    }
    qui s'appelle a chaque saisie de touche

  3. #23
    Membre Expert
    Avatar de Loceka
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    2 276
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2004
    Messages : 2 276
    Par défaut
    La solution de Bovino ne fonctionnait pas ?

    Ecouter la touche entrée alors qu'il existe un élément HTML (input submit) qui est fonctionnellement plus approprié est très dommage je trouve et ça nuit à la maintenance.

  4. #24
    Expert confirmé

    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2010
    Messages
    5 420
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 5 420
    Par défaut
    Citation Envoyé par Loceka Voir le message
    La solution de Bovino ne fonctionnait pas ?
    Bah non parce si son idée de départ (faire une requête synchrone) était bonne, cela ne s'est pas traduit dans le code car pour ce faire il aurait fallu mettre false en troisième argument du xhr.open.

    Donc :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    function verif()
    {
     
    	function getXhr()
    		{
    			var xhr = null; 
    			if (window.XMLHttpRequest)                 //  Objet de la fenêtre courant
    				{ 
    					xhr = new XMLHttpRequest();     //  Firefox, Safari, ...
    				} 
    			else 
    			   if (window.ActiveXObject)                    //  Version Active
    			   {
    				  xhr = new ActiveXObject("Microsoft.XMLHTTP");   // Internet Explorer 
    			   }
    			return xhr;
    		}
     
     
    	var xhr = getXhr();
     
    	xhr.open("POST","verif.php",false);
    	// Ajouter si vous utiliser la méthode POST
    	xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); 
    	idpseudo = document.getElementById('pseudo').value;
    	idMdp = document.getElementById('mdp').value;
    	xhr.send("idPseudo="+idpseudo+"&idmdp="+idMdp);
     
    	var test = xhr.responseText;
     
    	if (test==1)
    		{
    			document.getElementById('connect').innerHTML = '<font color=red>Pseudo ou mot de passe incorrect</font>';
    			return false;
    		}
    		else
    			return true;
    }
    et
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     <form action="accueil.php" method="post" onsubmit="return verif()" >
    @djdelarue ta solution bloque totalement l'envoi du formulaire si JS est désactivé, alors que celle-ci permet de s'affranchir de cette contrainte.

Discussions similaires

  1. Submit sans javascript
    Par cefabien dans le forum Zend_Form
    Réponses: 4
    Dernier message: 23/02/2009, 17h34
  2. Perte d'accent après un form.submit en javascript
    Par guitoulefoux dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 06/01/2009, 15h02
  3. bloquer un module javascript dans une page web
    Par mbibim63 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 01/07/2008, 16h02
  4. submit avec javascript
    Par adel.87 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 08/04/2008, 11h09
  5. Bloquer les alert javascript
    Par morgan47 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 03/09/2006, 13h03

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo