Почему он не проверяет правильное значение?(Javascript / HTML) - PullRequest
1 голос
/ 21 апреля 2019

Вот мой код:

<html>
<body>
<script type="text/javascript">
function CheckPwd()
{
 if(document.forms['frm'].pass.value == "magicisreal")
    {
      alert('Welcome, ADMIN...');
      return true;
    }
      return false;
}
</script>

Password:
<br>
<input type="password" name="pass">
<br><br>
<input type="submit" value="Continue" onclick="return CheckPwd()">

</body>
</html>

Предполагается, что при вводе значения "magicisreal" в текстовое поле возвращается предупреждение.Что именно я делаю неправильно, что не вызывает этот результат?

Ответы [ 3 ]

1 голос
/ 21 апреля 2019

Прежде всего, нет формы с именем frm.Таким образом, оператор if, который вы проверяете, недействителен.используйте следующий фрагмент кода для достижения того, что вы ищете:

<html>
<body>
<script type="text/javascript">
function CheckPwd()
{
var password = document.getElementById('pass-input').value;
console.log(password);
 if(password == "magicisreal")
    {
      alert('Welcome, ADMIN...');
      return true;
    }
      return false;
}
</script>

Password:
<br>
<input type="password"  id="pass-input" name="pass">
<br><br>
<input type="submit" value="Continue"  onclick="CheckPwd()">

</body>
</html>
0 голосов
/ 21 апреля 2019

Вы используете document.forms, который ожидает, что form существует в вашем HTML, но вы не определили это.Просто определите форму HTML либо с помощью name=frm.

function CheckPwd() {
    if(document.forms["frm"].pass.value == "magicisreal") {
        alert('Welcome, ADMIN...');
        return true;
    }

    return false;
}
<html>
    <body>
    <form name="frm" action="">
    Password:
    <br>
    <input type="password" name="pass">
    <br><br>
    <input type="submit" value="Continue" onclick="return CheckPwd()">
    </form>
    </body>
 </html>
0 голосов
/ 21 апреля 2019

Вам не хватает формы.Попробуйте это -

<script type="text/javascript">
  function CheckPwd() {
    if (document.forms['frm'].pass.value == "magicisreal") {
      alert('Welcome, ADMIN...');
      return true;
    }
    return false;
  }
</script>

Password:
<br>
<form name="frm">
  <input type="password" name="pass">
  <br><br>
  <input type="submit" value="Continue" onclick="return CheckPwd()">
</form>
...