formulaire avec AJAX [Résolu]

[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 :

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 :

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 :

onchange="javascript:TestLogin()"

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

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
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]

Envoyé par saadelph

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 :

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');
}