[AJAX] formulaire avec AJAX

Version imprimable

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

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

Code:

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:

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

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.

16/05/2008, 09h22
sliderman
Citation:

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