Question

我想验证我的表单，并使用onsubmit创建了一个formValidation函数，该函数从js.js文件调用一个函数。但是，当我点击提交时，我收到此错误：

以下是必要的表单代码：

 <form action="send-email.php" id="callback" class="popup-form" method="post" onsubmit="return validateForm()">
 // Form content
</form>

这是功能代码：

function validateForm() {
  console.log("hellloooooo this is working");
//   var captcha_response = grecaptcha.getResponse();
//   if(captcha_response.length === 0)
//   {
//       // Captcha is not Passed
//       console.log("not working");
//       return false;
//   }
//   else
//   {
//       // Captcha is Passed
//       console.log("working");
//       return true;
//   }
}

脚本标记位于body标记内，因此它应该可以工作..我在哪里错了？

Answer 1

请在表格中使用输入类型='提交'。它也适用于java脚本。

在表单中添加提交输入，如下所示

<form action="send-email.php" id="callback" class="popup-form" method="post" onsubmit="return validateForm()"><input type="submit">
</form>

在java脚本中编写验证函数，如下所示

<script type="text/javascript">
  function validateForm(){
    console.log('ddd');
    return false;
  }
</script>

Answer 2

您应该确保表单标记上方的脚本标记

Answer 3

这似乎有效。这里没有看到任何问题

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>

</head>

<body>
    <script>
        function validateForm() {
            console.log("hellloooooo this is working");
        }
    </script>
    <form id="callback" class="popup-form" method="post" onsubmit="return validateForm()">
        // Form content
        <input type="Submit">
    </form>

</body>

</html>

用于表单的onsubmit函数未定义

3 个答案: