Validering af form med AJAX input
Hej,Hvordan kan jeg i et javascript validere et AJAX svar ?
Jeg har en formular hvor jeg checker de fleste felter med alm. javascript, det virker fint, men det ene felt checker jeg med et AJAX kald, da der skal et opslag i databasen for at godkende feltet. I browser vinduet skrives via ajaxDisplay.innerHTML at indholdet er "Ok." eller "Fejl"
Her kommer ajax funktionen (virker fint):
function ajaxFunction(){
var ajaxRequest; // The variable that makes Ajax possible!
try{
// Opera 8.0+, Firefox, Safari
ajaxRequest = new XMLHttpRequest();
} catch (e){
// Internet Explorer Browsers
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
var ajaxDisplay = document.getElementById('ajaxDiv');
ajaxDisplay.innerHTML = ajaxRequest.responseText;
}
}
var brewid = document.getElementById('brewid').value;
var beername = document.getElementById('beername').value;
var queryString = "?brewid=" + brewid + "&beername=" + beername;
ajaxRequest.open("GET", "/ajax/beerok.php" + queryString, true);
ajaxRequest.send(null);
}
Når jeg så vil checke 'ajaxDiv', er feltet tomt / undefined.
function formValidatorB(){
var beerok= document.getElementById('ajaxDiv');
if(isBeerOk(beerok,"Øllen er allerede oprettet")){
return true;
}
return false;
}
function isBeerOk(elem, helperMsg){
if(elem.value=="Ok."){
return true;
}
else{
alert(elem.value);
return false;
}
}
functionen herover fejler, elem.value er "undefined"
Er der nogen der har en god ide ?
