Question

我页面上的验证码是：

function validateForm() {
    with (document.contactform) {
        var alertMsg = "The following REQUIRED fields\nhave been left empty:\n";
        if (name.value == "") alertMsg += "\nName";
        if (email.value == "") alertMsg += "\nEmail";
        if (message.value == "") alertMsg += "\nMessage";
        if (alertMsg != "The following REQUIRED fields\nhave been left empty:\n") {
            alert(alertMsg);
            return false;
        } else {
            return true;
        }
    }
}

此外，我已将onsubmit="return validateForm()"添加到我的表单部分，似乎没有任何工作。您可以在http://obliqueinteractive.com/contact.html

查看源页面

任何帮助将不胜感激感谢

Answer 1

更改

<form id="contactform" onsubmit="return validateForm()" action="" method="post">

到

<form name="contactform" id="contactform" onsubmit="return validateForm()" action="" method="post">

当您尝试访问document.contactform时，会出现此问题。它正在寻找名为form的{{1}}，而不是contactform id的表单。

Answer 2

一个建议是尝试使用document.getElementById（“contactform”）而不仅仅是document.contactform

我从未使用过with命令，所以我不确定它是如何使用的

{编辑}

在您的网站上玩游戏后，我相信我的建议会解决您的问题，让我知道它是怎么回事

Answer 3

将name="contactform"属性添加到表单标记或使用document.getElementById("contactform") 而不是document.contactform

Answer 4

问题在于 validateForm 功能。

变化：

function validateForm() {
    with (document.contactform) {

为：

function validateForm() {
    with (document.getElementById('contactform')) {

使用javascript进行表单验证

4 个答案: