javascript - 在验证 javascript 时突出显示多个字段

Question

我希望当文本字段为空时它会突出显示。以下是我的代码，它一次只突出显示一个字段。如果两个字段都为空，则会突出显示其中一个字段。

<script>
function ValidateForm(){

    var summary=document.getElementById("<%=summary.ClientID%>");
    if (summary.value == "" && txtTest.value == "") {
        summary.style.backgroundColor = "Yellow";
        return false;
    }
    var txtTest = document.getElementById("<%=txtTest.ClientID%>");
    if (txtTest.value == "" ) {

        txtTest.style.backgroundColor = "Yellow";
        return false;
    }

   return true;

}
</script>

请帮我解决这个问题。我不想使用默认验证器。

Answer 1

那是因为您在检查第二个输入之前返回 false。仅在检查完所有输入后才需要返回 true 或 false。此外，在检查其值之前，您必须首先获取 txtTest。你可以这样做:

<script>
function ValidateForm(){

    var validate = true;

    var summary=document.getElementById("<%=summary.ClientID%>");
    if (summary.value == "") {
        summary.style.backgroundColor = "Yellow";
        validate = false;
    }
    var txtTest = document.getElementById("<%=txtTest.ClientID%>");
    if (txtTest.value == "" ) {

        txtTest.style.backgroundColor = "Yellow";
        validate = false;
    }

   return validate;

}
</script>