目前正在学习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>

我认为您正在尝试验证用户名和密码。要获得输入字段的值,您需要为输入字段提供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>

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

根据标准,您的输入按钮应该具有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,否则将不会提交任何内容,浏览器也不会存储用户登录信息。

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

<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>

最新更新