时间戳

首页 > 解决方案 > 带有 php 和 javascript 的注册表单

javascript - 带有 php 和 javascript 的注册表单

问题描述

我有以下从 w3school 获取的代码，如果我没有输入输入，它将打印一个错误，并且在我输入任何内容之前它不会发送参数。

我需要做的是我想分离javascript代码，当我这样做时它会打印错误并将我移动到PHP页面，我应该怎么做才能打印错误并停止直到我输入任何内容？

w3school 代码：

<!DOCTYPE html>
<html>
<head>
<script>
function validateForm() {
  let x = document.forms["myForm"]["fname"].value;
  let error = document.getElementById("error");
  if (x == "") {
    error.innerHTML = "Error";
    return false;
  }
}
</script>
</head>
<body>

<form name="myForm" action="action_page.php" onsubmit="return validateForm()" method="post">
  Name: <input type="text" name="fname">
    <div id="error"></div>
  <input type="submit" value="Submit">
</form>
  
</body>
</html>

我的代码：

window.addEventListener("load", function() {
    let submitFORM = document.getElementById("form");
    submitFORM.addEventListener("click", validateForm); 

    function validateForm() {
        let x = document.forms["myForm"]["fname"].value;
        let error = document.getElementById("error");
        if (x == "") {
            error.innerHTML = "Error";
            return false;
        }
    }
}); 
<!DOCTYPE html>
<html>
<head>
  <script src="js/js.js"></script>
</head>
<body>

<form name="myForm" action="action_page.php"  method="post">
  Name: <input type="text" name="fname">
    <div id="error"></div>
  <input type="submit" id="form" value="Submit">
</form>
  
</body>
</html>

提前致谢

标签： javascriptphphtml

解决方案

推荐阅读