javascript - JavaScript 不检查逻辑语句

Question

我遇到了 javascript 无法正确检查我的代码的问题。我希望有人能告诉我在这种情况下具体出了什么问题。我想要实现的是，如果任何字段为空白，或者密码字段少于 8 个字符，则应显示警报并显示任何一种可能的结果。但是，如果我输入除所有字段空白之外的任何其他内容，它只会提交表单并将我发送到下一页。我在这里错过了一些基本的东西吗？

<script>
function validateForm()
{
//var x=document.register.username.value
var x="document.forms["register"]["username"].value";
var y="document.forms["register"]["homeaddress"].value";
var z="document.forms["register"]["password"].value";
if (x == "" || y == "" || z == "")       {
alert("You must fill in all fields in the application");

return false;
} else if (z.length < 8) {
alert("Passwords must be at least 8 characters long");
 return false;
   }

return true;
}
</script>

表格如下：

<form name="register" method="post" action="tryregister.php" onsubmit="return validateForm();">

Username: <input type="text" name="username" maxlength="50"><br>
Home address: <input type="text" name="homeaddress" maxlength="50"><BR>
Password: <input type="password" name="password" maxlength="50"><br>

<input type="submit" value="Register me!">

Answer 1

您需要正确访问表单元素。您已将它们放在一个字符串中：

更改以下行

var x="document.forms["register"]["username"].value";
var y="document.forms["register"]["homeaddress"].value";
var z="document.forms["register"]["password"].value";

到

var x=document.forms["register"].username.value;
var y=document.forms["register"].homeaddress.value;
var z=document.forms["register"].password.value;

Answer 2

去掉周围的双引号

var x="document.forms["register"]["username"].value";
      ^^                                           ^^

这样

var x = document.forms['register']['username'].value

Answer 3

是的，你在这里错过了基本的东西。

在您的代码中，

var x="document.forms["register"]["username"].value";
var y="document.forms["register"]["homeaddress"].value";
var z="document.forms["register"]["password"].value";

您声明x为 string 'document.forms["register"]["username"].value'。

它应该是一个应该评估为某个值的表达式。

因此，请将此代码更新为：

var x=document.forms["register"]["username"].value;
var y=document.forms["register"]["homeaddress"].value;
var z=document.forms["register"]["password"].value;

Answer 4

x您需要删除、y和分配周围的引号z：

var x=document.forms["register"]["username"].value;
var y=document.forms["register"]["homeaddress"].value;
var z=document.forms["register"]["password"].value";