Question

我正在尝试验证表单，但不起作用：\，当我提交表单时，即使缺少必填字段，也会转到mail.php，但我将onsubmit设置为{{1所以它应该检查，但不起作用。我的代码有什么问题？我找不到了。

HTML：

validate()

使用Javascript：

<form action="mail.php" onsubmit="return validate()" method="post" class="contact-form" id="contactForm">

    <div id="errors"></div>

    <label for="author">Name:</label><br/><br/>

    <input type="text" name="author" id="message" /><br/><br/>

    <label for="author">Message:</label><br/><br/>

    <textarea name="message" id="message"></textarea><br/><br/>

    <input type="submit" class="button" value="Send Message"/>

</form>

Answer 1

第一个输入元素

id = author。

同时查看jQuery它将为您节省时间

Answer 2

您有两个标识为message但没有author的元素。

Markup Validator会为你选择这个。

Answer 3

var message = document.getElementById("messsage");

消息有一个额外的“s”。

<input type="text" name="author" id="message" />

您需要将“消息”更改为“作者”

Answer 4

这是错误的：

<input type="text" name="author" id="message" />

需要将name和id设置为相同的值（您在下一个字段中使用id="message"，因此存在冲突。

您的label代码也都有for="author";第二个是错误的。

我猜你的问题是复制+粘贴太多了。 ;）

为什么我的表单无法正确验证？

4 个答案: