如何使用javascript在弹出窗口中添加错误消息而不是警报框

我需要使用JavaScript验证弹出窗口内文本框中的日期格式。我需要显示类似于

document.getElementById（“MainContent\u ErrorMsg”）.innerHTML=“请输入有效日期”

有没有其他方法可以实现这种行为？ 我的JavaScript代码是：

    var startdate = document.getElementById("MainContent_uscEventParameters_txtEarliestStartDate");
    var enddate = document.getElementById("MainContent_uscEventParameters_txtLatestEndDate");
    var validformat=/^\d{4}\-\d{2}\-\d{2}$/;
    if (! (startdate.value.match(validformat)) && (enddate.value.match(validforamt)) )
    {
        alert("please enter valid date format");
        //document.getElementById("MainContent_ErrorMsg").innerHTML = "Please enter valid date";
    }

---

您可以使用简单纯JavaScript在元素旁边显示消息，而不是显示警报对话框：

function AddErrorLabel(element, msg) {
    var oLabel = document.createElement("span");
    oLabel.className = "error_msg";
    oLabel.innerHTML = msg;
    var parent = element.parentNode;
    if (element.nextSibling) {
        if (element.nextSibling.className !== "error_msg") {
            parent.insertBefore(oLabel, element.nextSibling);
        }
    }
    else {
        parent.appendChild(oLabel);
    }
}

用法：

if (! (startdate.value.match(validformat)) && (enddate.value.match(validforamt)) )
{
    AddErrorLabel(startdate, "please enter valid date format");
}

。（将文本框留空，然后单击提交）

---

像jQuery这样的库有这样的功能，而且更好，但是对于简单的需求，这应该足够了，它使用基本的JavaScript，因此可以跨浏览器使用。

您可以使用简单的纯JavaScript在元素旁边显示消息，而不是显示警报对话框：

function AddErrorLabel(element, msg) {
    var oLabel = document.createElement("span");
    oLabel.className = "error_msg";
    oLabel.innerHTML = msg;
    var parent = element.parentNode;
    if (element.nextSibling) {
        if (element.nextSibling.className !== "error_msg") {
            parent.insertBefore(oLabel, element.nextSibling);
        }
    }
    else {
        parent.appendChild(oLabel);
    }
}

用法：

if (! (startdate.value.match(validformat)) && (enddate.value.match(validforamt)) )
{
    AddErrorLabel(startdate, "please enter valid date format");
}

。（将文本框留空，然后单击提交）

---

像jQuery这样的库有这样的功能，而且更好，但对于简单的需求来说，这就足够了，它使用的是基本的JavaScript，因此可以跨浏览器使用。

我想在弹出文档中使用类似于dis的功能。getElementById（“MainContent\u ErrorMsg”）.innerHTML=“请输入有效日期”；。。有没有其他方法可以代替提醒。不知道你说的其他方法是什么意思。您希望如何显示错误？我希望在弹出文档中使用类似于dis的方法。getElementById（“MainContent\u ErrorMsg”）。innerHTML=“请输入有效日期”；。。有没有其他方法可以代替提醒。不知道你说的其他方法是什么意思。您还希望如何显示错误？