#im 试图做到这一点，以便用户必须输入一个已经存在的登录名，但是我不知道如何实际实现它，当我尝试使用 if 语句时，我没有得到任何响应任何帮助表示赞赏<html><head> <link href="revision.css" rel= "stylesheet"></head><body><script type="text/javascript">function login(){ //start functionalert('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>
3 回答
一只斗牛犬
TA贡献1784条经验 获得超2个赞
我认为您正在尝试验证用户名和密码。要获取输入字段的值，您需要为输入字段提供 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>
MMTTMM
TA贡献1869条经验 获得超4个赞
只要您有一个表单和一个提交按钮，浏览器就应该自己处理。
根据标准，您的输入按钮应具有type="submit"as 属性。
您还可以删除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，否则不会提交任何内容，浏览器也不会存储用户登录信息。
不负相思意
TA贡献1777条经验 获得超10个赞
你可以试试这个代码。您可以通过这种方式检查用户是否已经存在。如果用户存在然后执行登录操作否则你会看到错误用户不存在..
<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>
添加回答
举报
0/150
提交
取消