Question

我在javascript中遇到验证问题。

<form action="insert.php" id="form" name="form" method="post" 
    onSubmit="return validate()">
    <pre>
        Vul hier de/het E-mail adres(sen) in
        <textarea name="email" rows="5" cols="50"></textarea><br>
        Typ hier de E-mail
        <textarea name="text" rows="5" cols="50"></textarea><br>
        <input type="submit" name="Submit" value="Submit">
    </pre>
</form>

正如你在这里看到的，我有两个textareas。在上面的一个，你应该在另一个下面输入一个或多个电子邮件地址，在底部textarea你应该自己编写电子邮件。然后，当您单击“提交”时，它会将电子邮件发送到所有指定的电子邮件地址。

现在，我已对两个textareas进行了验证：

function explodeArray(emailID, delimiter) {
    tempArray = new Array(1);
    var Count = 0;
    var tempString = new String(emailID);

    while (tempString.indexOf(delimiter) > 0) {
        tempArray[Count] = tempString.substr(0, tempString.indexOf(delimiter));
        tempString = tempString.substr(
            tempString.indexOf(delimiter) + 1, 
            tempString.length - tempString.indexOf(delimiter) + 1
        );
        Count = Count + 1
    }

    tempArray[Count] = tempString.replace("\r", "");
    return tempArray;
}

function validate() {
    var emailID = document.form.email;
    var delimiter = "\n";
    var emailArray = explodeArray(emailID.value, delimiter);
    var textID = document.form.text;
    var length = emailArray.length,
        element = null;
    for (var i = 0; i < length; i++) {
        emailVar = emailArray[i];

        if (emailVar == null) {
            alert("Email-adres bestaat niet")
            emailID.focus()
            return false
        }
        if (emailVar == "") {
            alert("Email-adres veld is leeg")
            emailID.focus()
            return false
        }
        if (checkEmail(emailVar) == false) {
            emailVar.value = ""
            alert("Ongeldig E-mail adres");
            emailVar.focus()
            return false
        }
    }
    if ((textID.value == null) || (textID.value == "")) {
        alert("E-mail textveld is leeg")
        textID.focus()
        return false
    }
    document.getElementById("form").submit();
    return true
}

function checkEmail(hallo) {
    if (/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(hallo)) {
        return true
    }
    return false
}

（我可能也复制了许多不相关的代码，对不起，只是复制整件事以防万一......）

的工作原理是：

- 当两个textareas都为空时，它不会提交;

- 当电子邮件地址有效但底部textarea为空时，它不会提交;

无法工作的是：

- 当电子邮件地址无效时，表单仍然会提交，即使底部文本区仍然是空的。

我一直试图弄清楚这里可能出错的几个小时，我用Google搜索并检查了stackoverflow，但我真的找不到任何东西。有谁能告诉我这里我做错了什么？

提前致谢。

Answer 1

您使用的emailVar.focus();将无法执行。

此处修复：Live Demo

if (checkEmail(emailVar) == false) {
    alert("Ongeldig E-mail adres");
    emailID.focus();
    return false;
}

返回false javascript后仍然提交表单

1 个答案: