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