2

我对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>

正如你在这里看到的，我有两个文本区域。在上一个，您应该在彼此下方输入一个或多个电子邮件地址，而在底部的文本区域中，您应该自己撰写电子邮件。然后，当您单击提交时，它会将电子邮件发送到所有指定的电子邮件地址。

现在，我已经对两个文本区域进行了验证：

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
}

（我可能也复制了很多不相关的代码，对不起，只是复制了整个东西以防万一......）

现在起作用的是：

- 当两个文本区域都为空时，它不会提交；

- 当邮箱地址有效但底部文本区域为空时不提交；

什么不起作用是：

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

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

提前致谢。

4

1 回答 1

0

你正在使用emailVar.focus();which 不会执行。

在这里，固定：现场演示

if (checkEmail(emailVar) == false) {
    alert("Ongeldig E-mail adres");
    emailID.focus();
    return false;
}
于 2013-02-07T14:30:32.107 回答