目前正在学习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>
温温酱浏览 176回答 3
3回答
-
一只斗牛犬
我认为您正在尝试验证用户名和密码。要获取输入字段的值，您需要为输入字段提供 id。我认为这应该适合你。<html><head> <link href="revision.css" rel= "stylesheet"></head><body><script type="text/javascript">function login(){ //start functionvar username =document.getElementById("user").valuevar 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
只要您有一个表单和一个提交按钮，浏览器就应该自己处理。根据标准，您的输入按钮应具有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，否则不会提交任何内容，浏览器也不会存储用户登录信息。 -
不负相思意
你可以试试这个代码。您可以通过这种方式检查用户是否已经存在。如果用户存在然后执行登录操作否则你会看到错误用户不存在..<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>
随时随地看视频慕课网APP
相关分类
JavaScript