目前正在学习javascript和html

如何解决目前正在学习javascript和html

#im试图这样做，以便用户必须输入一个已经存在的登录名，但是，当我尝试使用if语句时，我没有得到任何帮助，我不知道该如何实际实现

<html>
<head>     
<link href="revision.css" rel= "stylesheet">
</head>
<body>
<script type="text/javascript">
function login()
{ //start function
alert('the form was submitted')
var user_id = "jack",password = "password"
} //end function
</script>
<form onsubmit = "login()">
    <p>Enter user ID <input type="text" name="user"></p>
    <p>Enter password <input type="text" name="password"></p>
    <input class = "submit" type="button" name="submit" value="login" onclick="login()"/>
    <p id="text"></p>
</form>
</body>
</html>

解决方法

只要您有一个表单和一个提交按钮，浏览器就应该自己处理。

按照标准，您的输入按钮应具有type="submit"作为属性。

您还可以删除按钮上的onclick属性。

<form onsubmit = "login()">
    <p>Enter user ID <input type="text" name="user"></p>
    <p>Enter password <input type="text" name="password"></p>
    <input class = "submit" type="submit" name="submit" value="login"/>
    <p id="text"></p>
</form>

请注意，您的login()必须返回true，否则将不提交任何内容，并且浏览器将不存储用户登录名。

我认为您正在尝试验证用户名和密码。要获取输入字段的值，您需要向输入字段提供ID。

我认为这应该对您有用。

<html>
<head>     
<link href="revision.css" rel= "stylesheet">
</head>
<body>
<script type="text/javascript">
function login()
{ //start function

var username =document.getElementById("user").value
var password=document.getElementById("pass").value;

if (username=="jack" && password=="password")
{
alert("corrent");
}
else
{
alert("wrong");
}
} //end function
</script>
<form onsubmit = "login()">
    <p>Enter user ID <input type="text" name="user" id="user"></p>
    <p>Enter password <input type="text" name="password" id="pass"></p>
    <input class = "submit" type="button" name="submit" value="login" onclick="login()"/>
    <p id="text"></p>
</form>
</body>
</html>

您可以尝试此代码。您可以以这种方式检查用户是否已经存在。如果该用户存在，则执行登录操作，否则您将看到错误的用户不存在。

<html>
<head>     
<link href="revision.css" rel= "stylesheet">
</head>
<body>
<script type="text/javascript">
function login()
{ //start function
   //alert('the form was submitted');
   var user_id = "jack",password = "password";
   var inputUser = document.getElementById('user').value;
   var inputPass = document.getElementById('password').value;
   if(inputUser == user_id && inputPass  == password)
   {
    document.getElementById('text').innerHTML = "log in successfully!";
   }
   else
   {
     document.getElementById('text').innerHTML = "Invlide User id and password";
   }
} //end function
</script>
<form>
    <p>Enter user ID <input type="text" name="user" id="user"></p>
    <p>Enter password <input type="text" name="password" id="password"></p>
    <input class = "submit" type="button" name="submit" value="login" onclick="login()"/>
    <p id="text"></p>
</form>
</body>
</html>