Я видел пару ответов на стеке, но ни один из них не подробно описывает, как именно это работает. В настоящее время у меня есть простая форма с формами имени пользователя и пароля, которая работает с предопределенными значениями, но не работает, когда значения находятся в массиве. Я хочу использовать JS для проверки форм, которые и пароль, и имя пользователя соответствуют точкам данных в виде строк в формах. Мой код ниже не содержит ошибок, насколько мне известно, но мои логические утверждения не запускают правильную запись. Как я могу это исправить? (Я включил JQuery, потому что я немного знаю в этой области, и если это поможет, я возьму его.)
<!DOCTYPE html>
<html>
<head>
<title>Coding Project</title>
</head>
<body style="font-family:Helvetica">
<h1>
Simple Login Form:
</h1>
<form>
<input type="text" id="username" placeholder="Enter username" value=""> <br> <br>
<input type="password" id="password" placeholder="Enter password" value=""> <br> <br>
<button type="button" onClick="mySubmit()"> Submit
</button>
</form>
<script type="text/javascript">
function mySubmit() {
var userNameInput = document.getElementById("username").value;
var passWordInput = document.getElementById("password").value;
var existingUserName = [["46179"], ["55678"]];
var existingPassWord = [["helloworld123"], ["helloworld456"]];
if (userNameInput == existingUserName && passWordInput == existingPassWord) {
alert("Correct Username");
} else if (userNameInput == "" && passWordInput == "") {
alert("Empty field, please enter Username and Password or Signup");
} else {
alert("Incorrect Username or Password");
}
}
</script>
</body>
</html>