javascript - 无法使用 Javascript 添加类

Question

我想通过在验证时(即在提交时)添加一个类来设置所有空文本框的样式，但我的代码无法正常工作。不确定它是脚本还是自定义验证程序。我只想使用JS。如果我说

target.style.border="1px solid red";

它的工作虽然。只是无法添加类(class)。

JS:

<link href="StyleSheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
 function validateTextBox(sender, args) {
        var target = document.getElementById(sender.controltovalidate);
        var is_valid = target.value != "";
        if (is_valid) {
            target.removeClass("validate");
        }
        else {
            target.addClass("validate");
        }
        args.IsValid = is_valid;
    } 
</script>      

ASPX:

 <asp:TextBox ID="txtSurname" runat="server"></asp:TextBox>
 <asp:CustomValidator ID = "CustomValidator1" runat="server" 
 ControlToValidate="txtSurname" ValidateEmptyText="true" 
 ClientValidationFunction="validateTextBox"
 ></asp:CustomValidator>

CSS:

 .validate
 {
   border:2px solid red;
 }

Answer 1

document.getElementById 返回一个没有 addClass 或 removeClass API 的 DOM 元素。

参见:Element

要应用类，请尝试(提出想法，请根据确切的业务逻辑进行调整):

target.className = target.className + " validate"

如果我们使用原始 JS，我们必须编写原始代码并忘记 addClass 或 removeClass 的奢侈:-)要删除类(class)，请参阅此答案: Remove class using javascript