How Can I Hide The Passcode so someone can't just inspect the element to view the password?
function onSubmit() {
if (document.getElementById('password').value == '12345678') {
window.location.href = 'http://google.co.in';
}else{
alert('Please check your passcode and try again');
}
}
<fieldset>
<form class="hero-form" action="#">
<div class="row-fluid">
<label>Enter your passcode</label>
<input type="password" name="password" maxlength="8" class="span7" id="password" placeholder="e.g. 12345678" required/>
</div>
</form>
</fieldset>
<button class="btn btn-info btn-large span5" id="joe_btn" onclick="onSubmit()">Enter</button>