Javascript | Simple Form Validation Wont Work

-1

Я работаю над этим очень простым входом в систему, где все, что я хочу сделать, это сказать, если пароль «яблоко», а пароль - «123», тогда свяжите меня с другой страницей, когда я нажму кнопку «Отправить» ,Javascript | Simple Form Validation Wont Work

Я отказался от кнопки отправки связующей части, но я до сих пор не понимаю, почему мой код не будет регистрироваться, все выглядит прямо мне

<!DOCTYPE html> 
<html> 

<body> 
    <form name="loginForm"> 
     <input type="text" name="username" placeholder="Username" value=""/> 
     <input type="password" name="password" placeholder="Password" value=""/> 
     <input type="button" name="submit" value="Login" onclick="validate()" /> 
    </form> 

    <script type="text/javascript"> 
     function validate() { 

      var user = document.loginForm.username.value; 
      return user; 
      var pass = document.loginForm.password.value; 
      return pass; 

      if ((user=="apple") && (pass=="123")) { 
       document.write("It worked"); 
      } else { 
       document.write("Wrong Password"); 
      } 
     } 
    </script> 
</body> 

</html>

источник

2016-10-29 JuniorG

Есть 2 обратные заявления в своем коде. Код после 'return user' никогда не будет выполнен. – styopdev

просто удалите 2 заявления о возврате, и вы хороши .. –

Предложения:

возвращение ключевое слово выйдет из функции, поэтому код после возврата не будет достигнут. Чтобы удалить два выражения «return», это первый шаг.
document.write очистит страницу после загрузки документа. Вы, вероятно, нужно функция предупреждения
попробовать с помощью document.getElementById/getElementByName (что лучше) вместо document.loginForm ...
Кроме того, лучше ставить onsubmit в виде тега (уволена после типа = кнопка отправки является нажал) вместо onclick событие для кнопки.
Лучше поставить Javascript внутри HTML head тег.

Ниже намного лучше/рабочая версия:

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript"> 
     function validate() { 
      var user = document.getElementById("username").value; 
      var pass = document.getElementById("password").value; 
      if ((user=="apple") && (pass=="123")) { 
       alert("It worked"); 
       return true; 
      } else { 
       alert("Wrong password"); 
       return false; 
      } 
     } 
    </script> 
</head> 
<body> 
    <form action="" onsubmit='javascript:return validate()'> 
     <input type="text" id="username" placeholder="Username" value=""/> 
     <input type="password" id="password" placeholder="Password" value=""/> 
     <input type="submit" value="Login" /> 
    </form> 
</body> 

</html>

источник

2016-10-29 19:27:01

Javascript | Simple Form Validation Wont Work

ответ

Смежные вопросы