Secure the login page part 1

Secure the login page part 1

by Adi Jaya

HTML

<!-- PHP CODE
<?php
function randomAlfaNumeric($number) {
    $char = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz123456789";
    $string = "";
    for ($i = 0; $i < $number; $i++) {
		$result = rand(0, strlen($char)-1);
		$string .= $char{$result};
    }
    return $string;
}
?>
-->


<noscript>
 <meta content='0; url=https://example.com/no-script.html' http-equiv='refresh'/>
</noscript>

<div id="demo">Loading</div>

JavaScript

function createCromptLogin() {
	//php code => var $data = "<?php echo randomAlfaNumeric(10); ?>";
  
  var $data = "fuHRdKxI";
  
	var $prompt = prompt("Inspection of humans or robots, fill in the following text in the fields:\n"+$data+"", "");
  
	var temp = "";
	temp += "<form class='test'>";
		temp += "<input data-type='hidden' data-test='sessions-prompt' name='prompt' value='"+ $data +"'>";
		temp += "<input data-test='sessions-login' name='username' value=''><br>";
		temp += "<input name='password' value=''><br>";
		temp += "<input type='submit'>";
	temp += "</form>";
  
	if ( $prompt == $data ) {
		document.getElementById("demo").innerHTML = temp;
	} else {
		document.getElementById("demo").innerHTML = "<a href='#'>Reload This Page</a>";
    //or redirect page
	}
}
createCromptLogin();

/* optional */
function redirectPage_if_InspectElement(){
  //your code
}