Script de detection d'une authentification valide

Version imprimable

24/03/2011, 17h20
ixabro

Script de detection d'une authentification valide
Bonjour,

J'aimerai savoir de quelles manières nous pouvons savoir si une authentification par formlaire html est valide avant même d'atteindre la page d'action du formulaire.

Ex : "Nous avons le formulaire basique sur un site :"
Code:

1 2 3 4 <form action="action"> <input name="login" ... <input name="password" ... </form>
-----------------------------------

Par derrière nous reproduisons le même formulaire avec le script js qui quand nous rentrerons un login et un password nous dira si l'authentification a raté ou a réussi sans bougé du formulaire.

ex:
Code:

1 2 3 4 5 6 7 <head> <link ... script js </head> <form> ... même chose .... </form>
#=== Utilisation ===#

entrée du login + pseudo
si valide, boite de dialogue js ... " les infos sont bonnes !"
sinon invalide, boite de dial ... " faux !"

( pour y arriver, j'en déduis que le script js vérifie les infos tapées (log+pass) sur le site x par connection rapide à la page, tapes lui même les infos dans le form du site (grossièrement c'est ça :mouarf: ) puis nous renvoie un message si oui ou non elles sont valides )

J'ai cherché sur des sites , mais rien d'assez concluant donc je poste ce message dans l'espoir qu'on me revèle un moyen d'avoir un acquitement d'authentification en cas de validité du login,password que l'on rentrera dans notre formulaire personnel.

Ce moyen serait un script js, php ? Pour ma part je sens que cela est possible en js mais j'ignore comment. Amateurs et professionels du js j'implore votre aide.

Merci, en attente de votre message.

je n'ai pas compris à quel moment tu veux vérifier l'authentification : lors du click sur le bouton "submit" ou en temps reel ? enbfin, ce sera de toutes façons dans le genre

Code:

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
39
40
41
42
43
 
 
function xhr()
{ 
    var xhr; 
    try {  xhr = new ActiveXObject('Msxml2.XMLHTTP');   }
    catch (e) 
    {
        try {   xhr = new ActiveXObject('Microsoft.XMLHTTP');    }
        catch (e2) 
        {
          try {  xhr = new XMLHttpRequest();     }
          catch (e3) {  xhr = false;   }
        }
     }
  return xhr;
} 
 
function ajax(url,params,callback){
    xhr = xhr();
    xhr.onreadystatechange  = function()
    { 
         if(xhr.readyState  == 4)
         {
              if(xhr.status  == 200) 
                 callback(responseText); 
         }
    }; 
   xhr.open( "POST", url,  true); 
   xhr.send(params); 
}
 
function auth(boo){
  if(boo)
    alert('vous êtes connecté');
}
 
function check(){
  var login = document.forms['formulaire1'].elements['login'].value;
  var pass = document.forms['formulaire1'].elements['pass'].value;
  ajax("http://www.monsite.com/test_login.php","login="+login+"&pass="+pass,auth); 
 
}

Code:

1
2
3
4
5
<form id="formulaire1" >
  <input name="login" onkepress="check();" />
  <input name="pass" onkepress="check();" />
  <input type="submit" />
</form>

ta page : http://www.monsite.com/test_login.php

devra prendre en compte 2 variables de type $_POST : login et pass et renvoyer 1 ou 0 selon s'ils correspondent à ta db.

un truc du genre ;)
(je viens de tout écrire sans tester donc je ne garantie pas un code sans erreur)

J'aimerai que l'authentification soit lancer en fait à la volée par le script js sans avoir besoin de cliquer sur le bouton submit ... en fait le script essayera de verifier l'authentification à partir d'un mot de passe et d'un login qu'on entre dans un form et qui seront balancés dans une fonction js toutes prêtes à verifier les infos.

Ex :
Code:

1 2 3 4 5 6 7 8 9 var info_form_site_x ( page de : <form action="pagedusitex" ... ) var login var pass function test_auth(info_form_site_x, login, pass){ ... if valid affiche " c'est ok !" else pas valid affiche "mot mot de passe faux" }
auth("pagedusitex", "paul", "1234"); # retourne => mot de passe faux

----------------------------

24/03/2011, 23h18
Willpower
Citation:

Envoyé par ixabro

J'aimerai que l'authentification soit lancer en fait à la volée par le script js sans avoir besoin de cliquer sur le bouton submit ... en fait le script essayera de verifier l'authentification à partir d'un mot de passe et d'un login qu'on entre dans un form et qui seront balancés dans une fonction js toutes prêtes à verifier les infos.

Ex :

var info_form_site_x ( page de : <form action="pagedusitex" ... )
var login
var pass

function test_auth(info_form_site_x, login, pass){
...
if valid affiche " c'est ok !"
else pas valid affiche "mot mot de passe faux"
}

auth("pagedusitex", "paul", "1234"); # retourne => mot de passe faux

----------------------------

oui, mais si le visiteur ne clique pas sur "submit" comment savoir quand tester ? par exemple s'il est en train d'entrer son code ... comment savoir s'il a tout entré ou s'il est encore occupé ?

le code que je t'ai donné envoie une requête au serveur à chaque caractère entré (ou effacé) et test si le tout est bon. si ce n'est pas le cas, ça ne fait rien, autrement ça affiche un message. ;)

edit: dans le code que je t'ai donné, je vois déjà une erreur :
remplace :
Code:

1 2 callback(responseText);
par :
Code:

1 2 callback(xhr.responseText);
25/03/2011, 04h44
andry.aime

Bonjour,

Avec ce code tu lanceras plusieurs requêtes Ajax en parallèle, tu dois faire un abord de ce qui est précédemment lancer avant d'appeler un autre. Fait un petit recherche, j'ai déjà proposé plusieurs script pour ça.

A+.
27/03/2011, 14h18
ixabro

Escusez moi j'ai beaucoup de travail ces deux jours ci.
Je teste ça tout de suite et je vous préviens des résultats.

--------

Le script ne marche pas. Je rentre mes infos dans le formulaire puis cela m'envoie direct sur la page d'action du form en me connectant au compte. Je m'attendais à un "vous ètes connecté" ou à un "le login+pass est bon" avant même d'arriver sur la page.

Merci.
27/03/2011, 22h00
nadox

Citation:

Envoyé par Willpower

un truc du genre ;)
(je viens de tout écrire sans tester donc je ne garantie pas un code sans erreur)

Il fallait bien entendu que tu l'adapte et le teste ce script !
Si tu rencontre un problème, on ne peut pas t'aider si tu nous dis seulement que ça ne marche pas !
Si tu n'as pas su l'adapter et l'intégrer, donne nous au moins le code que tu as sous les yeux qu'on te dise ce qui ne vas pas. Si tu as juste fais un copier/coler sans chercher à comprendre, c'est sûr que ça ne risque pas de fonctionner !