Question

我希望网页有一个用户名和密码框，并有一个提交按钮，将其带到另一个页面，在本例中为Google。如果用户名和/或密码错误，将弹出一个警告，说“拒绝访问”。＃34;如果用户忘记填写所有必需的信息，则会弹出一个提示，说明＆＃34;请输入所有数据。＆＃34;这不会发生。单击提交按钮时没有任何反应。

HTML：

<html>
<head>
<title>Password Window</title>
<script type="text/javascript" src="password_window.js"></script>
</head>
<body>
<form name="form" onsubmit=" return loginLink()">
Username: <input type="text" name="username" id="username"/><br/>
Password: <input type="password" name="pwd" id="password"/><br/>
<input type="submit" value="Submit" id="submit"/>
</form>
</body>
</html>

JavaScript的：

//Username: username123 Password: abc123

function loginLink()
{var username = document.getElementById('username');
 var password = document.getElementByid('password');
 var submit = document.getElementById('submit');

if (username.value="username123")
{
if (password.value="abc123")
{location.href=("href_window.html");}
else
{window.alert("Access Denied");}
}
else
{window.alert("Access Denied");}

var x = document.forms["form"]["fname"].value;
if (x == null || x == "") {
    window.alert("Please enter all data!");
    return false;
}

帮助代码!!

Answer 1

您有错误：

var password = document.getElementByid('password');
                                    ^---- Should be Id

另一个问题：

if (username.value = "username123") {
                   ^--- must be "=="

与password.value = "abc123"相同。

然后，您必须在发出警报后return false以阻止表单提交。

您的表单document.forms["form"]["fname"]中也没有这样的元素。

固定代码：http://jsfiddle.net/cu5oyr05/

Answer 2

首先，在这个var password = document.getElementByid('password');中，id被错误地写入，它应该是var password = document.getElementById('password');。其次，如果你使用它会更好： -

{var username = document.getElementById('username').value;
var password = document.getElementByid('password').value;

第三，你没有名字＆＃34; fname＆＃34;的字段。第四，你不需要获取提交按钮的值。第五，= if ==应为{{1}}。

Answer 3

=用于分配，使用==进行比较

使用if (username.value == "username123")而非if (username.value = "username123") 用于比较

更改

1

if (username.value = "username123") { if (password.value="abc123")

2

document.getElementByid('password');

3

var x = document.forms["form"]["fname"].value;

要

1

if (username.value == "username123")//== for comparison { if (password.value == "abc123")

2

document.getElementById('password');

3

var x = document.forms["form"].value;

DEMO

Answer 4

第一：你错过了关闭{在函数的末尾。

第二： use（document.getElementById（'password'）;）而不是（document.getElementByid（'password'）;）。

JavaScript表单提交链接

4 个答案:

固定代码：http://jsfiddle.net/cu5oyr05/

DEMO