0

我有一个 Web 应用程序，其中我正在做一些客户端验证。这是通过添加到每个 Asp:TextBox

onkeyup="javascript: value_change(this);"

一旦达到价值变化，我就有了这个 Javascript ......

function value_change (text_box) {
    // validate code here
    if (valid) {
        text_box.className = "normalInput";
        document.getElementById("GoButton").disabled = false;
    }
    else {
        text_box.className = "errorInput";
        document.getElementById("GoButton").disabled = true;
    }
}

className 对应于 CSS 类，其显着部分如下所示：-

.normalInput
{
    background-color: #ffffff;
}
.errorInput
{
    background-color: #ff0000;
}

当页面最初显示时，这工作得很好，但是在第一次回发之后，虽然调用了函数，设置了类名和 GoButton 灵敏度设置（我已经通过调试单步执行了这一点），但背景颜色没有改变。

有谁知道这是为什么以及我应该怎么做？

编辑接受@Pete 的建议，我在为其分配了新的类名后立即检查了 text_box，并且似乎 currentStyle 属性保持不变。currentStyle 的特性与 normalInput 类相同；我调整了它们并重新运行它来检查。所以我推断分配被忽略了，而不是一个不同的 CSS 以某种方式工作。

4

2 回答 2

0

客户端上更改的样式不会发送回服务器。您必须自己在服务器上设置属性才能持久保存它们。服务器根据服务器上可用的属性集构建控件定义，并重新呈现原始值。这是因为只有文本框的值回传到服务器；其他一切都没有。

话虽如此，您可以解释启用或禁用按钮的条件，设置适当的 CSS 样式，并在服务器上设置这些属性，或在文档加载时重新应用样式。

于 2013-02-25T15:31:50.953 回答
0

经过多次发誓后，我终于得到了验证，可以在回发后更改背景颜色，如下所示：-

function value_change (text_box) {
    // validate code here
    if (valid) {
        text_box.className = "normalInput";
        document.getElementById(text_box.name).style.backgroundColor = "#ffffff";
        document.getElementById("GoButton").disabled = false;
    }
    else {
        text_box.className = "errorInput";
        document.getElementById(text_box.name).style.backgroundColor = "#ff0000";
        document.getElementById("GoButton").disabled = true;
    }
}

即通过手动设置。我不太喜欢这个，因为它正在推动一个四人小组完成 CSS 课程的全部目的。如果有人能想出更好的东西，我会全力以赴。

于 2013-02-26T10:39:02.947 回答