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>

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>
添加回答
舉報