Fatal编程技术网

目前正在学习javascript和html

javascript html function

目前正在学习javascript和html,javascript,html,function,Javascript,Html,Function,#我正在尝试这样做，用户将不得不输入一个已经存在的登录名，但是我不知道如何实际实现，当我尝试使用if语句时，我没有得到任何响应，也没有得到任何帮助 <html> <head> <link href="revision.css" rel= "stylesheet"> </head> <body> <script type="text/javascript">

#我正在尝试这样做，用户将不得不输入一个已经存在的登录名，但是我不知道如何实际实现，当我尝试使用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>


函数登录（）
{//启动函数
警报（'表单已提交'）
var user_id=“jack”，
password=“password”
}//结束函数
输入用户ID

输入密码
只要你有一个表单和一个提交按钮，浏览器就应该自己处理这个问题

根据标准，您的输入按钮应具有
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>


输入用户ID

输入密码
请注意，您的
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>


函数登录（）
{//启动函数
var username=document.getElementById（“用户”）.value
var password=document.getElementById（“pass”）.value；
如果（用户名==“杰克”&&password==“密码”）
{
警惕（“相关”）；
}
其他的
{
警惕（“错误”）；
}
}//结束函数
输入用户ID

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


函数登录（）
{//启动函数
//警报（“表格已提交”）；
var user_id=“jack”，password=“password”；
var inputUser=document.getElementById（'user'）。值；
var inputPass=document.getElementById（'password'）。值；
if（inputUser==user\u id&&inputPass==password）
{
document.getElementById（'text'）.innerHTML=“成功登录！”；
}
其他的
{
document.getElementById（'text'）.innerHTML=“Invlide用户id和密码”；
}
}//结束函数
输入用户ID

输入密码
你的意思是像占位符一样？你能添加你用if语句尝试过的内容吗？您是否收到任何错误？函数login（）{//启动函数警报（“表单已提交”）var user_id=“jack”；var password=1；如果user_id！=user:alert（“用户id不正确，请重试”）}//结束函数