javascript - innerHTML 没有隐藏在 javascript 验证中

Question

function editvalidation() {

    var isDataValid = true;

    var currentCourseO = document.getElementById("currentCourseNo");
    var newCourseNoO = document.getElementById("newCourseNo");

    var currentCourseMsgO = document.getElementById("currentAlert");
    var newCourseMsgO = document.getElementById("newAlert");


    if (currentCourseO.value == "") {
        currentCourseMsgO.innerHTML = "Please Select a Course to edit from the Course Drop Down Menu";
        newCourseMsgO.innerHTML = "";
        isDataValid = false; 
    } else {
        currentCourseMsgO.innerHTML = ""; 
    }


    if (newCourseNoO.value == "") {
        newCourseMsgO.innerHTML = "Please fill in the Course ID in your Edit";
        isDataValid = false;
    } else {
        newCourseMsgO.innerHTML = ""; 
    }


    return isDataValid;

}

嗨，在上面的代码中，我想要做的是，如果currentCourseO.value == ""满足，则显示其字符串消息，但不显示字符串消息newCourseMsgO。

如果currentCourseO.value == ""未满足，则显示满足此验证的newCourseMsgO字符串newCourseMsgO.innerHTML = "Please fill in the Course ID in your Edit";。

目前它并没有隐藏newCourseMsgO何时currentCourseO.value == ""满足的字符串。请问我可以用javascript回答吗？

Answer 1

听起来你的两个 if-else 语句应该连接起来，现在它们不相互依赖。试试这个：

if (currentCourseO.value == "") {
    currentCourseMsgO.innerHTML = "Please Select a Course to edit from the Course Drop Down Menu";
    newCourseMsgO.innerHTML = "";
    isDataValid = false; 
} else {
    if (newCourseNoO.value == "") {
        newCourseMsgO.innerHTML = "Please fill in the Course ID in your Edit";
        isDataValid = false;
    } else{
        newCourseMsgO.innerHTML = ""; 
    }
}