Refresh form

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Rene Wennekes

Rene Wennekes

27/10/2010 18:50:38
Quote Anchor link
Ik ben een beetje aan het experimenteren met AJAX.

Ik heb een formulier aangemaakt waarbij een event van de submit button Dorequestusingpost() aanroept (willen jullie ook het form zien?).

<code>
var xmlHttp;
function createXMLHttpRequest () {
if (window.ActiveXObject) {xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");}
else if(window.XMLHttpRequest) {xmlHttp = new XMLHttpRequest();}
} // End of function createXMLHttpRequest ()


function doRequestUsingPOST() {

var recipient = document.getElementById("recipient").value;
var subject = document.getElementById("subject").value;
var enccode = document.getElementById("enccode").value;
var code = document.getElementById("code").value;

var naam = document.getElementById("Naam").value;
var adres = document.getElementById("Adres").value;
var postcode = document.getElementById("Postcode").value;
var woonplaats = document.getElementById("Woonplaats").value;
var telefoon = document.getElementById("Telefoon").value;
var email = document.getElementById("Email").value;
var vraag = document.getElementById("vraag").value;

var message = "";
if (naam=="") {message = message + "The 'Name' field is not correct.\n";}
if (adres=="") {message = message + "The 'Adres' field is not correct.\n";}
if (postcode=="") {message = message + "The 'Postalcode' field is not correct.\n";}
if (woonplaats=="") {message = message + "The 'City' field is not correct.\n";}
if (telefoon=="") {telefoon = "Niet ingevuld";}
if (email=="") {message = message + "The 'E-mail' field is not correct.\n";}
if (code=="") {message = message + "You have to enter the code as shown.\n";}
if (vraag=="") {message = message + "The 'Question' field is empty.\n";}
//alert(hex_md5(code) + "\n" + enccode);
if (enccode != hex_md5(code)) {message = message + "The verification code is false.\n";}
//if (message=="") {return true;} else {alert(message); return false;}
if (message!="") {alert(message); return false;}
alert("Message wil now be send.");

var queryString = "";
queryString = queryString + "?recipient=" + recipient;
queryString = queryString + "&subject=" + subject;
queryString = queryString + "&enccode=" + enccode;
queryString = queryString + "&code=" + code;

queryString = queryString + "&Naam=" + naam;
queryString = queryString + "&Adres=" + adres;
queryString = queryString + "&Postcode=" + postcode;
queryString = queryString + "&Woonplaats=" + woonplaats;
queryString = queryString + "&Telefoon=" + telefoon;
queryString = queryString + "&Email=" + email;
queryString = queryString + "&vraag=" + vraag;

var url = "contactsendmail.php";
url = url + queryString ;

// alert(queryString);

createXMLHttpRequest ();

xmlHttp.open("POST", url, true);
//xmlHttp.onreadystatechange = handleStateChange;
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;");
xmlHttp.send(null);


} // End of function doRequestUsingPOST()
</code>

Echter bij de controle laat ik hem terugkeren (return).
Het hele zaakje werkt wel maar op het moment dat de controle zegt dat 1 van de velden fout is wordt het formulier opnieuw opgebouwd en dat wil ik niet. Bovendien zijn alle velden dan ook weer gewist.

Ik heb de functie aanroep ook al geprobeerd in de form tag met onsubmit maar dat hielp ook niet.

Waarom wordt mijn pagina iedere keer opnieuw aangemaakt bij return?

Toevoeging op 27/10/2010 23:58:40:

probleem opgelost. Return vergeten bij de aanroep. Foutje bedankt.
 
Er zijn nog geen reacties op dit bericht.



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.