javascript - 使用javascript更改文本框边框颜色

Question

我正在做表单验证。当表单输入不正确时，我会在文本框中添加一个红色边框:

document.getElementById("fName").style.borderColor="#FF0000"

然后这给了我一个 2px 的红色边框。我想要做的是，如果用户输入正确的值以返回到原始边界...

谁能告诉我如何在 javascript 中更改边框大小和颜色

Answer 1

改用 CSS 样式和 CSS 类

CSS

.error {
  border:2px solid red;
}

现在使用 Javascript

document.getElementById("fName").className = document.getElementById("fName").className + " error";  // this adds the error class

document.getElementById("fName").className = document.getElementById("fName").className.replace(" error", ""); // this removes the error class

我提到这个的主要原因是假设您想更改错误元素边框的颜色。如果您选择自己的方式，您可能需要修改代码中的许多地方。如果您选择我的方式，您可以简单地编辑样式表。