Nom d'utilisateur et le Mot de passe de validation de la liste

Essayez de regarder dans jQuery AJAX fonction. Lors de la soumission du formulaire de connexion, envoyer le nom d'utilisateur et le mot de passe combo pour http://universe.tc.uvu.edu/cs2550/assignments/PasswordCheck/check.php comme suit.

<form id="formLogin" method="post" name="myform">
<label>User Name:</label>
<input type="text" name="username" id="username">
<label>Password:</label>
<input type="password" name="password" id="password">
<input type="submit" value="Login" id="submit">
<input type="reset" value="Reset">
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$('#formLogin').submit(function(e) {
e.preventDefault();
var username = $('input#username').val();
var password = $('input#password').val();
if(password == ""){
alert("Please enter a Password");
$('#password').focus();
return false;
}
if(username == ""){
alert("Please enter a Username");
$('#username').focus();
return false;
}
if(username != '' && password != '') {
$.ajax({
url: 'http://universe.tc.uvu.edu/cs2550/assignments/PasswordCheck/check.php',
type: 'POST',
data: {
username: username,
password: password
},
success: function(data) {
console.log(data);
//It looks like the page that handles the form returns JSON
//Parse the JSON
var obj = JSON.parse(data);
if(obj.result != 'invalid') {
alert("Login succeeded");
//You should redirect the user too
window.location = 'http://redirecturl.com';
}                    
}
});
} 
}); 
</script>

Efficacement validation de votre formulaire de soumission. Je préfère utiliser la bibliothèque jQuery, par opposition à raw JS. Vous devriez regarder de trop.

Il est également intéressant de noter que les formulaires doivent TOUJOURS être validées sur le côté serveur en tant que bien. Parce qu'un client pourrait toujours, il suffit de désactiver JavaScript dans leur navigateur pour contourner le front de fin de validation. Comme mentionné par quelqu'un qui a commenté sur votre question, votre méthode de backend de validation est assez précaire. Valeurs brutes des mots de passe ne doivent jamais être stockées. Plutôt, il est bon d'utiliser un hash sha1 du mot de passe de sorte que si un utilisateur indésirable en quelque sorte des hacks dans votre DB il/elle n'a pas tous les mots de passe stockés là.

Aussi, le nom d'utilisateur/mot de passe de validation fonctionne beaucoup mieux sur le backend, si vous venez de faire quelque chose comme

//Connect to the DB
$con = mysqli_connect('localhost', 'user', 'pass', 'db'); 
//Escape the form values or user prepared statements
$username = mysqli_real_escape_string($con, $username);
$password = mysqli_real_escape_string($con, $password);
$sql = "SELECT * FROM users WHERE username = '".$username." AND password = '".$password."'";
$result = mysqli_query($con, $sql);
$count = mysqli_num_rows($result);
if($count == 1) {
echo "Success";
} else {
echo "Fail";
}

au lieu d'utiliser une liste statique.

Vérification de passer en js ne fait pas de sens, parce que l'utilisateur peut voir le code js. Utiliser PHP et AJAX.