JavaScript不适用于HTML和PHP_Javascript_Php_Html

JavaScript不适用于HTML和PHP

javascript php html

JavaScript不适用于HTML和PHP,javascript,php,html,Javascript,Php,Html,我试图用basicHTML和PHP创建一个简单的注册表，将数据插入数据库。基本上，我希望在插入数据之前首先验证字段，因此我创建了一个外部JavaScript文件。问题是，它在下一页显示实际的JavaScript代码，而不是验证我的HTML文件： <html> <head> <title>Register Page</title> <body> <form id="register" method="POST" actio

我试图用basic

HTML

和

PHP

创建一个简单的注册表，将数据插入数据库。基本上，我希望在插入数据之前首先验证字段，因此我创建了一个外部

JavaScript

文件。问题是，它在下一页显示实际的

JavaScript

代码，而不是验证

我的HTML文件：

<html>
<head>
    <title>Register Page</title>
<body>
<form id="register" method="POST" action="register.js" onsubmit="return verify()" action="register.php">
    Forename: <input type="text" name="forename"><br>
    Lastname: <input type="text" name="surname"><br>
    Password: <input type="password" name="password"><br>
    <input type="submit" value="Register">
</form>
</body>
</head>
</html>

<script type="text/javascript">
    function verify(){
        var forename = document.getElementById["forename"].value;
        if(forename == null || forename == ""){
            alert("Forename is empty");
            return false;
        }
    }
</script>


注册页
名字：

姓氏：

密码：

我的JavaScript文件：

<html>
<head>
    <title>Register Page</title>
<body>
<form id="register" method="POST" action="register.js" onsubmit="return verify()" action="register.php">
    Forename: <input type="text" name="forename"><br>
    Lastname: <input type="text" name="surname"><br>
    Password: <input type="password" name="password"><br>
    <input type="submit" value="Register">
</form>
</body>
</head>
</html>

<script type="text/javascript">
    function verify(){
        var forename = document.getElementById["forename"].value;
        if(forename == null || forename == ""){
            alert("Forename is empty");
            return false;
        }
    }
</script>


函数验证（）{
var forename=document.getElementById[“forename”].value；
如果（名字==null | |名字==“”）{
警报（“名字为空”）；
返回false；
}
}

我被重定向到一个新网页，显示我上面写的代码，而不仅仅是验证

我对网络开发完全陌生，如果有人能帮助我，这将意味着很多。我所要做的就是在将字段添加到数据库之前验证它们。

我认为您应该重新检查document.getElementById[“forename”]

它应该是document.getElementById（“名字”）

您可以尝试分步调试。例如，尝试console.log

var forename = document.getElementById("forename").value;

console.log(forename);

尝试Chrome/Firebox Inspect element>Console，查看是否打印了任何内容

希望这有帮助

和平！xD

我认为您应该重新检查document.getElementById[“forename”]的语法