JQuery и HTML-форма не работает - PullRequest
Новая
       2

JQuery и HTML-форма не работает

0 голосов
/ 03 июня 2018

Я новичок в JavaScript, HTML и не знаю jQuery.Однако я делаю задание для своего класса, и мне нужно сделать форму пароля.Я был бы очень признателен, если кто-то может помочь мне здесь, пожалуйста.

Мой код: (в заголовке основного документа HTML): 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
    jQuery(function($){
    $('pass').load('example.html #password');
});
</script>

В примере example.html: 

<body>
<div id="password">test123</div>
</body>

Основная часть основного HTML-документа: 

<form name="login">
Username <input type="text" name="userid"/>
Password <input type="password" name="pswrd"/>
<input type="button" onclick="check(this.form)" value="Login"/>
<input type="reset" value="Cancel"/>
</form>
<script language="javascript">
function check(form)
{
var elem = document.getElementById('pass')
 if(form.userid.value == elem && form.pswrd.value == "pass")
  {
    alert("success!")
  }
 else
 {
   alert("nope") 
  }
}
</script>

Проблема в том, что, хотя имя пользователя « test123 » и пароль « pass *»1015 * ", он все еще предупреждает" нет"

Что я делаю не так?

Ответы [ 4 ]

0 голосов
/ 04 июня 2018

Я должен был поставить .textContent после document.getElementById('pass').

Также должен был поставить <div id="pass"></div> до всего этого.

0 голосов
/ 03 июня 2018

Кроме того, поскольку ваш JS-код находится в заголовке, он может выполняться до загрузки DOM.После исправления 'pass' также убедитесь, что вы используете document.ready или поместите свой JS перед закрытием тега body.

0 голосов
/ 03 июня 2018

В соответствии с моим пониманием приведенный ниже код удовлетворяет вашим требованиям.

Пожалуйста, введите ID пользователя test123 и пароль pass , в противном случае он вернется, если нет. 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>

<script type="text/javascript">
    jQuery(function($){
    $('pass').load('example.html #password');
});
</script>
<script language="javascript">
function check()
{
var userid = document.getElementById('userid').value;
var password = document.getElementById('password').value;

 if(userid == "test123" && password == "pass")
  {
    alert("success!")
  }
 else
 {
   alert("nope") 
  }
}
</script>
</head>
<body>
<form name="login">
Username <input type="text" name="userid" id="userid"/>
Password <input type="password" name="pswrd" id="password"/>
<input type="button" onclick="check()" value="Login"/>
<input type="reset" value="Cancel"/>
</form>
</body>
</html>
0 голосов
/ 03 июня 2018

В вашем коде нет элемента с именем pass ... Есть я = пароль

Могу ли я рекомендовать вам посетить w3schools.com для дополнительной практики

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...