返回false并通过类选择表单问题的JavaScript验证 背景

在提交表单内容（或输入值）之前，我尝试使用JavaScript函数验证一个表单。我目前遇到3个问题：

问题

• 我试图通过JavaScript显示一个名为“speech bubble”的
  ，但是（无论出于什么原因），这是不起作用的

• 即使我试图通过JavaScript函数“返回false”，表单的提交按钮仍然会继续执行

• 此外，我想用一个类来验证这个表单 但是 “getElementsByClassName”在尝试更改 显示类的类型，无论出于何种原因

---

HTML

---

您正在向id=author字段添加一些值，因此我猜这就是您提交表单的原因

您考虑过使用jQuery吗？这会让你的生活更轻松。

---

这里有一个非常流行的验证插件：

你应该发布生成的HTMLTanks Fabi，我现在觉得很傻。是的，我在那里的代码回忆了上一次提交的评论，我犯了一个愚蠢的错误，现在这个问题已经解决了。我很感激，谢谢！

<form action="<?php echo get_option('siteurl'); ?>/wp-comments-post.php" name="comment" id="comment-form" method="post" onsubmit="return validateForm();">
    <input type="text" name="author" id="author" placeholder="Your name (Required)" autocomplete="on" tabindex="1" class="txtinput" value="<?php echo $comment_author; ?>">
    <div id="speech-bubble">
        <img src="<?php bloginfo('template_directory'); ?>/images/exc_point_24.png">&nbsp;Please enter a name
    </div>
    <input type="submit" name="submit" id="submit-button" tabindex="5" value="<?php _e("Submit!", "byrne-systems"); ?>" /></form>

function validateForm() {
    var name = document.getElementById('author').value;

    if (name==null || name=='') {
        document.getElementById('speech-bubble').style.display='block';
        return false;
    }
}