69 lines
2.5 KiB
JavaScript
69 lines
2.5 KiB
JavaScript
// Retrieving the form data
|
|
var accesCode = document.getElementById("accesCode");
|
|
var submitButton = document.getElementById("submitButton");
|
|
var responseMessage = document.getElementById("responseMessage")
|
|
var redirectURL = document.getElementById("redirectURL").value
|
|
//var redirectURL = "https://Domain.tld/page"
|
|
var buttonLocked = false
|
|
|
|
function submitFormAjax() {
|
|
if (buttonLocked === true){return};
|
|
buttonLocked = true
|
|
responseMessage.innerHTML = ""
|
|
submitButton.classList.add("buttonLoading");
|
|
if(accesCode == ""){
|
|
responseMessage.innerHTML = "<p>Please enter your accesCode.</p>";
|
|
return;
|
|
}
|
|
submitButton.disabled = true;
|
|
accesCode.disabled = true;
|
|
var xmlhttp = new XMLHttpRequest();
|
|
|
|
// Instantiating the request object
|
|
xmlhttp.open("POST", "auth.php", true);
|
|
// Defining event listener for readystatechange event
|
|
xmlhttp.onreadystatechange = function() {
|
|
console.log(this.readyState + " status:" + this.status)
|
|
if (this.readyState === 4 && this.status === 200) {
|
|
submitButton.classList.remove("buttonLoading");
|
|
submitButton.style.backgroundColor = "green";
|
|
document.getElementById("buttonText").innerHTML = "Connected"
|
|
accesCode.style.display = "none";
|
|
window.setTimeout(redirectUser, 1500);
|
|
}else {
|
|
if (this.readyState === 4 && this.status === 403) {
|
|
responseMessage.innerHTML = "Acces code incorrect";
|
|
enableButton()
|
|
} else if (this.readyState === 4) {
|
|
responseMessage.innerHTML = "Something went wrong";
|
|
enableButton()
|
|
}
|
|
}
|
|
}
|
|
//console.log (document.getElementById("accesCode").value);
|
|
var params = "accesCode=" + encodeURIComponent(accesCode.value) + "&apMac=" + encodeURIComponent(document.getElementById("apMac").value) + "&clientMac=" + encodeURIComponent(document.getElementById("clientMac").value);
|
|
|
|
//Setting headers
|
|
xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
|
|
|
|
// Sending the request to the server
|
|
xmlhttp.send(params);
|
|
}
|
|
|
|
function enableButton(){
|
|
buttonLocked = false
|
|
submitButton.disabled = false;
|
|
accesCode.disabled = false;
|
|
submitButton.classList.remove("buttonLoading");
|
|
accesCode.focus();
|
|
}
|
|
|
|
function inputEntry(){
|
|
if(accesCode.value != "")
|
|
submitButton.disabled = false;
|
|
else
|
|
submitButton.disabled = true;
|
|
}
|
|
function redirectUser(){
|
|
window.location.href = redirectURL
|
|
} |