Discussion :

[saadelph]

bonjour,
j'ai une formulaire dont laquelle je veux intégrer le code AJAX au niveau du login pour vérifier la disponibilité de ce dernier ou non.
je veux demande comment faire pour résoudre mon petit problème,je suis nul au niveau du AJAX

voila c'est ma table client
------

Code sql :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
CREATE TABLE `client` (
`idclt` INT NOT NULL AUTO_INCREMENT ,
`email` VARCHAR( 30 ) NOT NULL ,
`login` VARCHAR( 30 ) NOT NULL ,
`passe` VARCHAR( 30 ) NOT NULL ,
`pays` VARCHAR( 30 ) NOT NULL ,
`codepst` INT NOT NULL ,
`sex` VARCHAR( 6 ) NOT NULL ,
`dtnaissance` DATE NOT NULL ,
`dateinscri` DATE NOT NULL ,
PRIMARY KEY ( `idclt` )
);

-------
et ma formulaire :
----------------------

Code html :

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
<form onSubmit="return checkTerms();" name="signupForm" id="signupForm" method="post">
	  <table cellpadding="4" cellspacing="0">
			<tbody>
			<tr>
				<td bgcolor="#DDE6F7" class="loginFormLabel"><label for="signUpEmail">	<span class="nowrap">Adresse e-mail :</span>
</label></td>
					<td width="100" bgcolor="#DDE6F7" class="formFieldSmall"><div align="left">
					  <input id="signUpEmail" tabindex="1" size="25" maxlength="60" name="email"  type="text">
					  </div></td>
			</tr>
			<tr valign="top">
				<td bgcolor="#DDE6F7" class="loginFormLabel"><label for="username">	<span class="nowrap">Nom d'utilisateur &nbsp;:</span>
</label></td>
				<td bgcolor="#DDE6F7" class="formFieldSmall">
					<div align="left">
					  <table border="0" cellpadding="2" cellspacing="0">
					    <tbody><tr>
					      <td valign="top">
					        <input tabindex="2" size="16" maxlength="20" id="username" name="username2" value=""  type="text">							</td>
							    <td><a href="#" class="xsmallText" onClick="updateUsernameStatus();return false;">vérifier la disponibilité</a></td>
						    </tr>
 
					      </tbody>
					    </table>
					  </div>					<div class="formFieldInfo">
					  <div align="left">Votre nom d'utilisateur peut uniquement comporter des lettres A-Z ou des chiffres 0-9.</div>
					</div>				</td>
			</tr>
 
 
		</tbody></table>
	</form>

-------------------
merci de votre aide

[THE Drog]

l'attribut onchange peut le faire sur le champ je crois. si oui alors
un petit attribut

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

onchange="javascript:TestLogin()"

sur ton champ login
et le code de ta fonction TestLogin ressemble à sa:

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
39
40
41
42
function TestLogin(){
            //request Query String.
var login= '';
if(document.getElementById('username')){
 login = document.getElementById('username').value;
login = string(login).replace(/(^\s*)|(\s*$)/g,'');
}
if(login == '') return;
 
              //create HttPrequest Object for ajax.
	var requeteXML = null;
	if(window.XMLHttpRequest) {
		requeteXML = new XMLHttpRequest();
 
	} else if (window.ActiveXObject) {
		requeteXML = new ActiveXObject("Microsoft.XMLHTTP")
 
	}else{
		alert('cannot execute AJAX Requests ');
		return;
	}
             requeteXML.open("POST",url_script_php.php, true);
 	requeteXML.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 
 	requeteXML.send('login='+login);
 
            requeteXML.onreadystatechange = function() {
		if(requeteXML.readyState == 4) {
 
 
				strResp = String(requeteXML.responseText).replace(/(^\s*)|(\s*$)/g,'');
				if(strResp=='1'){
					//cas disponible
				}
				else{
					//cas non dispo
				}
			}
		}
	}
 
}

sachant que ton script se content d'afficher un 1 (echo '1'; ) si succès. ou un 0 (echo '0' sinon.

[sliderman]

code AJAX

connais pas ! ! !
AJAX <> langage <> Javascript
Bref, pour ton javascript je te conseille de mettre des 'id' HTML partout dans ta page HTML que tu lie (<script>) avec une feuille javascript externe.
Dans cette feuille javascript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
window.onload=init;
function init()
{
                document.getElementById('username').onchange=testLogin();
}
function testLogin()
{
                alert('a toi de jouer');
}