webForumDet fria alternativet

Tips på registreringsformulär som automatisk kontrollerar användarnamnet (Ajax)

JavaScript

1 svar · 333 visningar · startad av xtreme

Medlem sedan juli 20002 056 inlägg
Frågan#1

Någon som har tips på färdigt exempel eller guide hur man gör ett registreringsformulär som automatisk kontrollerar om användarnamnet är ledigt i databasen med hjälp av Ajax?

Medlem sedan nov. 2000213 inlägg
#2

Jag har gjort något liknande som du kanske kan använda dig av. Koden nedan kontrollerar om det kundnummer som användaren anger finns eller inte.

Inmatningsfältet i formuläret

<input type="text" name="customer_number" onblur="ajax_Customer(this);" />

JavaScript

var request = createRequestObject();

function createRequestObject(){
    try { 
        xmlhttp = new ActiveXObject("Msxml2.XMLHTTP"); 
    } catch (e) { 
        try { 
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); 
        } catch (e) { 
            try { 
                xmlhttp = new XMLHttpRequest(); 
            } catch (e) { 
                xmlhttp = null; 
            }
        }
    }
    return xmlhttp;
}

function ajax_Customer(daSrc) {  
    if(daSrc.value != "") { 
        var param = '?number=' + daSrc.value;
        request.open('GET', 'customer.aspx' + param, true);
        request.onreadystatechange = parse_Customer;
        request.send(null);        
    }
}

function parse_Customer(){
	if(request.readyState == 4){ 	
		if(request.responseText == "False"){
	        alert("Systemet känner inte igen det kundnummer du angivit, prova igen eller kontakta kundtjänst.")
		}      		  
	}
}

Sedan får du på serversidan kontrollera mot databasen och returnera lämpligt värde. Det jag returnerar är antingen en sträng som säger True eller False som jag använder mig av i parse_Customer.

253 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
122 ms — deklarationer (db)
0 ms — hämta statistik (cache)
125 ms — hämta tråd, inlägg och bilagor (db)
125 ms — ändringar (db)