Javascript 表单验证，缺少什么？

Question

无论我尝试什么，我都无法获得要验证的表单，所以我已经把它简化了很多，看看我是否可以让任何东西工作，但当我提交表单时，JavaScript 仍然不会验证，而且只是无论如何都会让我进入下一页。大家看出什么不对了吗？

HTML

<form id="myform" action="/" method="post" onsubmit="return Validate()">
<input id="form_name" type="text" name="name" placeholder="Name" />
<div id="error">Name too short</div>
<input type="submit" id="submit" name="submit" value="Enter" />

JAVASCRIPT 头脑

<script language="JavaScript" type="text/javascript">
   function Validate() {
      if (form.name.value == "") {
         $('#error').show();
         return false ;
       }
      return true ;
   }
</script>

在 CSS 中，我将 #error div 的显示设置为 none。 最终我想检查用户是否在文本输入字段中输入了至少 4 个字符，如果没有，那么我不希望提交表单，而是显示错误消息。但现在我只是检查它是否为空，看看我是否可以做任何事情。有任何想法吗？

Answer 1

首先从脚本标记中删除语言，它已被弃用。 那么您不应该在 head 部分加载脚本。而是将其放在 body 结尾处以确保 HTML 已加载。

此外，在您的验证函数中，您似乎并未真正针对正确的 ID。

使用这个:

function Validate() {
  if ($('#form_name').val() === '') {
    $('#error').show();
    return false ;
  }
   return true ;
}