Live Editing Disabled for Server-Side Example
#body{
text-align:center;
color: black;
}
#Main{
background-color:white;
height:100%;
width:100%;
color:#121212;
}
.style1 {
font-size: medium
}
.InputClass{
background-color:#FFF;
color:#000;
}
#LoginTD{
padding:2px;
}
.pwTD{
color:#999999;
background-color:#000000;
border:1px double #999;
}
#postData{
color: white;
}
#Login{
border: 1px double #121212;
}
#LoginDiv{
color: black;
}
$(function() {
$("#Login").on("submit", function(e) {
e.preventDefault(); // Stop the page from refreshing
var $loginDiv = $("#LoginDiv");
// Clear previous error messages
$loginDiv.css("color", "black").text("Logging you in...").show();
$.ajax({
type: "POST",
url: "<%=YOURurl%>Tutorials/7/login_validate.asp",
data: $(this).serialize(), // Automatically packages all name="" fields
cache: false,
success: function(response) {
var cleanResponse = $.trim(response);
// Check if the response starts with our redirect command
if (cleanResponse.indexOf("REDIRECT:") === 0) {
// Extract the URL after the "REDIRECT:" prefix
var targetURL = cleanResponse.replace("REDIRECT:", "");
$("#LoginDiv").css("color", "green").text("Login successful! Redirecting...");
// Break out of the iframe and redirect the main parent window
window.parent.location.href = targetURL;
} else {
// Otherwise, display the backend validation/error message
$("#LoginDiv").css("color", "red").text(cleanResponse);
}
},
error: function() {
$loginDiv.css("color", "red").text("Connection error. Please try again.");
}
});
});
});
Preview